使用Anchor标签滚动到

Question

目前，我正在使用一个简单的<a name>来滚动；但是，顶部的页边距有一个问题。他们上面有太多的空间，我希望标题与顶部的肉体。我缺乏对javascript和jquery的理解，不知疲倦地研究，似乎没有什么对我有用的。有没有简单的解决方案，或者是“最佳方法/最佳实践”来实现这种效果？

    <h2><a style="color: #fff" name="classic">
<div class="menutitle">
<img src="/system/images/W1siZiIsIjIwMTMvMDUvMDEvMTNfMTdfMDNfMjA2X2NsYXNzaWNzLnBuZyJdXQ/classics.png" />
 </div>
</a>
    </h2>



 <div class="large-3 pull-9 columns" style="
position: fixed;
height: 50%;
width: 15%;
 ">

<div class="panel"> 
  <ul class="side-nav">
   <li><div id="appetizer2"><a href="#appetizer"><h3>appetizers</h3></a></div>
 </li>


    <li><div id="soupmenu"><a href="#soup"><h3>soups &amp; side salads</h3> </a>
  </div>
  </li>
    <li><div id="classic"><a href="#classic"><h3>classic</h3></a>

Answer 1

如果你有像<a href="#mydiv">Jump to My Div</a>这样的锚标签和像<div id="mydiv">这样的div，那么点击锚会跳转到div，使div位于页面顶部-除非div靠近页面底部，在这种情况下，屏幕不会在顶部显示div。

Answer 2

我不太确定你的问题是什么，如果你能发布一些代码，据我所知，你需要滚动页面，你可以使用href="#someID“或javascript内置的函数scrollBy(xVal，yVal)