本篇文章给大家分享的是有关JavaScript中锚点链接点击平滑滚动并自由调整到顶部位置，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。
锚点链接点击平滑滚动并自由调整到顶部的位置
一、添加锚点 注意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中锚点链接点击平滑滚动并自由调整到顶部位置，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
现在虽然是移动互联网时代，但企业网站依然重要，包含PC站点，移动站。可以说企业网站关系企业的未来发展和前途，尤其对中小企业更是如此，一些中小企业老板，对自己的名片很在乎，因为这是个门面。...
用我们的专业和诚信赢得您的信赖，从PC到移动互联网均有您想要的服务！
如遇占线或暂未接听请拨：136xxx98888
