javascript 平滑滚动到ID
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 平滑滚动到ID相关的知识,希望对你有一定的参考价值。
jQuery(document).ready(function($){
$('a[href*=\\#]:not([href=\\#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top - 170 //change this pixel value depending on the height of your fixed header.
}, 800);
return false;
}
}
});
});
以上是关于javascript 平滑滚动到ID的主要内容,如果未能解决你的问题,请参考以下文章
javascript 为链接到页面上的ID的锚标记提供平滑滚动。
平滑 JavaScript/jQuery 滚动到元素
平滑 JavaScript/jQuery 滚动到元素
javascript 平滑滚动到锚点
javascript [jQuery]平滑滚动到页面顶部
javascript 平滑滚动到锚点