平滑滚动到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});

});