jquery - 滚动 jquery 问题。如何在点击时自动滚动到 div

Question

只是想知道是否可以在点击页面上滚动到某个 div 的位置。我似乎无法在互联网上找到记录此内容的任何地方。

我的想法是单击一个按钮，它会将您带到页面上该 div 的位置，可能通过 div ID。

问候，

泰勒

Answer 1

我不确定您希望何时触发事件，所以这是通用版本

$(selector).click(function() {
   //scroll to div
});

如果您想要一个<button/>带有 id 的，单击时会导致您在半秒myButton内滚动到<div/>带有和 id 的：myDiv

$('#myButton').click(function() {
   //optionally remove the 500 (which is time in milliseconds) of the
   //scrolling animation to remove the animation and make it instant
   $.scrollTo($('#myDiv'), 500);
});

使用 jQuery ScrollTo插件。

Answer 2

如果您不需要动画滚动，只需使用以下命令：

<a href="#myID">click this</a>

http://jsfiddle.net/9qJ7k/

Answer 3

用这个：

$("#div1").scrollTop(80);

http://api.jquery.com/scrollTop/