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 平滑滚动到锚点