JavaScript中锚点链接点击平滑滚动并自由调整到顶部位置-创新互联-乐山大橙子建站

新闻中心

这里有您想知道的互联网营销解决方案

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

新闻中心

其他资讯