javascript 平滑滚动到ID
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 平滑滚动到ID相关的知识,希望对你有一定的参考价值。
$("a[href^='#']").click(function(e) {
e.preventDefault();
var position = $($(this).attr("href")).offset().top;
$("body, html").animate({
scrollTop: position
} /* speed */ );
});
/*ANOTHER VERSION FROM https://www.abeautifulsite.net/smoothly-scroll-to-an-element-without-a-jquery-plugin-2 */
$('a[href^="#"]').on('click', function(event) {
var target = $(this.getAttribute('href'));
if( target.length ) {
event.preventDefault();
$('html, body').stop().animate({
scrollTop: target.offset().top
}, 1000);
}
});
以上是关于javascript 平滑滚动到ID的主要内容,如果未能解决你的问题,请参考以下文章
javascript 为链接到页面上的ID的锚标记提供平滑滚动。
平滑 JavaScript/jQuery 滚动到元素
平滑 JavaScript/jQuery 滚动到元素
javascript 平滑滚动到锚点
javascript [jQuery]平滑滚动到页面顶部
javascript 平滑滚动到锚点