javascript 平滑滚动锚点链接

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 平滑滚动锚点链接相关的知识,希望对你有一定的参考价值。

$('a[href*="#"]').on('click', function(event) {   
    
    var target = $(this).attr('href').split("#").pop();
    var top = $('#'+target).offset().top;
    var header_height = $('#header').height();
    var newTop = top - header_height;
    if( target.length ) {
        event.preventDefault();
        $('html, body').stop().animate({
            scrollTop: newTop
        }, 500);
    }
});

以上是关于javascript 平滑滚动锚点链接的主要内容,如果未能解决你的问题,请参考以下文章

javascript 使用jQuery平滑滚动锚点

javascript 平滑滚动到锚点

javascript GP平滑滚动所有锚点

JQuery 实现锚点链接之间的平滑滚动

JQuery 实现锚点链接之间的平滑滚动

平滑滚动到 div 内的锚点