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中锚点链接点击平滑滚动并自由调整到顶部位置-创新互联
分享URL:http://pwwzsj.com/article/cdocdj.html