jquery - 使用 jQuery 滚动到锚链接

Question

我的页面顶部有一个链接到#here。如何使用#here 使页面向下滚动到锚链接？我一直在访问 Google 和 jQuery 网站，但不知道该怎么做。JS代码就是我所拥有的。

HTML：

<div class="container">
    <div class="header">
       <a class="link" href="#here">Here</a>
    </div>

    <div class="footer">
       <a id="here"></a>
       <p>Some text...</p>
    </div>
</div>

JS：

$('.link').click(function() {
    $(this).scroll()
});

Answer 1

你可以加：

$('.link').click(function() {
  $("html, body").animate({ scrollTop: $('#here').offset().top }, 1000);
});

Answer 2

这个插件有一些很好的功能和特性（比如不同的动画）： http ://demos.flesler.com/jquery/scrollTo/

"所有匹配的元素都会被滚动，例如：

$('div.pane').scrollTo(...);//all divs w/class pane

如果需要滚动窗口（屏幕），那么使用：

$.scrollTo(...);//the plugin will take care of this"

Answer 3

如果您将浏览器的位置设置为主题标签，则浏览器应滚动到该位置。

$('.link').click(function() {
   windows.location = $(this).attr('href');
});