JavaScript中锚点链接点击平滑滚动并自由调整到顶部位置-创新互联

三、添加js,平滑滚动到顶部的距离 （150是导航的高度，可根据需要自由调整）

$('.anchor').click(function () {
		var navto = $(this).attr('navto');
		if (navto != "#") {
			var $div = $('#' + navto);
			var top = $div.offset().top || 0;
			$('html,body').animate({
				'scroll-top': top - 150
			}, 500);
		} else {
			$('html,body').animate({
				'scroll-top': 0
			}, 500);
		}
	});

以上就是JavaScript中锚点链接点击平滑滚动并自由调整到顶部位置，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。