如何在点击同一页面上的div上应用平滑滚动?

时间:2013-09-11 14:03:41

标签: jquery css html scroll css-transitions

我想将平滑滚动应用于同一页面上的div。 例如。当我用href =“#that-div”点击链接时,我想让它顺利地滚动到那个div而不是向右跳。 对不起我的英文,并提前感谢您的答案。

2 个答案:

答案 0 :(得分:1)

试试这个:

$(document).ready(function () {
    // Handler for .ready() called.
    $('button').click(function () {
        $('html, body').animate({
            scrollTop: $('#what').offset().top
        }, 'slow');
    });
});

FIDDLE DEMO

答案 1 :(得分:0)

喜欢这个吗?

$('html,body').animate({ scrollTop: $("#yourId").offset().top }, 'slow');

下行滚动:How to Scroll Down - JQuery