jquery滚动问题.如何自动滚动点击到一个div

Question

只是想知道是否可以滚动到页面上的某个div的位置。我似乎找不到任何地方在互联网上这是记录。

我的想法是点击一个按钮，它会把你带到那个div在页面上的位置，可能是div ID。

问候,泰勒

Answer 1

我不确定你想要什么时候触发事件所以这里是通用版本

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

如果你想要一个id为myButton的<button/>，点击后会导致你在半秒内滚动到id为myDiv的<div/>:

$('#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/