javascript 单击哈希链接时平滑滚动

Posted

tags:

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

// Smooth scrolling when clicking on a hash link
jQuery(function( $ ){
	$('a[href^="#"]').on('click',function (e) {
		e.preventDefault();

		var target = this.hash;
		var $target = $(target);

		//Adjust top position when header changes size
		if ( $(window).width() > 960) {
			var $scrollTop = $target.offset().top-72;
		} else {
			var $scrollTop = $target.offset().top-81;
		}

		$('html, body').stop().animate({
			'scrollTop': $scrollTop
		}, 500, 'swing');
	});
});

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

单击锚链接时平滑滚动

使用动画在滚动底部时平滑显示隐藏按钮

单击菜单活动项时标题滚动到顶部

菜单显示和折叠时平滑过渡

如何在拖动鼠标时平滑填充椭圆

无限 SVG 动画在悬停时平滑地检索初始状态