平滑滚动到div id jQuery

Question

我一直在尝试滚动到div id jquery代码以正常工作。基于另一个堆栈溢出问题，我尝试了以下操作

演示http://jsfiddle.net/kevinPHPkevin/8tLdq/

$('#myButton').click(function() {

   $.scrollTo($('#myDiv'), 1000);

});

但这没有用。它只是捕捉到div。我也试过

$('#myButton').click(function(event) {

     event.preventDefault();

   $.scrollTo($('#myDiv'), 1000);

});

没有进展。

Answer 1

如果您想覆盖页面上的标准href-id导航而不更改HTML标记以进行平滑滚动，请使用以下示例（示例）：// handle links with @href started with '#' only$(document).on('click', 'a[href^="#"]', function(e) {    // target element id    var id = $(this).attr('href');    // target element    var $id = $(id);    if ($id.length === 0) {        return;    }    // prevent standard hash navigation (avoid blinking in IE)    e.preventDefault();    // top position relative to the document    var pos = $id.offset().top;    // animated top scrolling    $('body, html').animate({scrollTop: pos});});