javascript js实现滑动定位（锚点定位）

硅谷探秘者 1563 0 1

1.锚点定位很简单两行搞定：

<a href="#anchorName">点击跳转到anchorName的位置</a>
<a name="anchorName">anchorName</a>

2.js代码实现，并带滑动效果

	$(document).on('click','.anchorName',function(){
	     var anchor = $('.anchor').offset().top;
	     $('html,body').animate({scrollTop:anchor},200);
	})

可以通过 anchor 变量调整滑动后距离顶部的高

最近发表

归档

2018年11月 12 2018年12月 33 2019年01月 28 2019年02月 28 2019年03月 32 2019年04月 27 2019年05月 33 2019年06月 6 2019年07月 12 2019年08月 12 2019年09月 21 2019年10月 8 2019年11月 15 2019年12月 25 2020年01月 9 2020年02月 5 2020年03月 16 2020年04月 4 2020年06月 1 2020年07月 7 2020年08月 13 2020年09月 9 2020年10月 5 2020年12月 3 2021年01月 1 2021年02月 5 2021年03月 7 2021年04月 4 2021年05月 4 2021年06月 1 2021年07月 7 2021年08月 2 2021年09月 8 2021年10月 9 2021年11月 16 2021年12月 14 2022年01月 7 2022年05月 1

标签

算法基础 linux 前端 c++ 数据结构框架数据库计算机基础储备知识 java基础 ASM 其他深入理解java虚拟机 nginx git 消息中间件搜索 maven redis docker dubbo vue 导入导出软件使用 idea插件协议无聊的知识 jenkins springboot mqtt协议 keepalived

祝愿神州十三飞行乘组平安归来