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

本篇文章给大家分享的是有关JavaScript中锚点链接点击平滑滚动并自由调整到顶部位置，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

成都创新互联公司主营舒城网站建设的网络公司,主营网站建设方案,重庆APP软件开发,舒城h5小程序设计搭建,舒城网站营销推广欢迎舒城等地区企业咨询

锚点链接点击平滑滚动并自由调整到顶部的位置

一、添加锚点注意a标签用的nacTo 而不是href；


	目标选择
	目标客户
	广告形式
	广告投放
	预算和时间安排
	转化追踪

二、给右侧需要滚动的内容添加对应的id


			
				
					您的目标是：
					品牌参与度更改

我希望人们了解我的业务。

广告将显示给最右可能浏览您的广告的人群。

第二部分内容第三部分内容第四部分内容第五部分内容

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

本文名称：JavaScript中锚点链接点击平滑滚动并自由调整到顶部位置-创新互联
当前链接：http://scyanting.com/article/cdocdj.html

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

其他资讯