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://myzitong.com/article/cdocdj.html