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 内的锚点