锚点是html中超级链接的一种,锚点像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。例如定位到某一模块。本人新手,只是用于学习记录,如有错误请指出,谢谢
工具/原料
1
WebStorm
2
Chrome浏览器
方法/步骤
1
a标签锚点 id定位 HTML代码div标签是相对定位和a标签是绝对定位,互相嵌套并且a标签top是负30,30是a标签的宽度。
2
javascript代码基于jQuery。绑定的点击监听最后返回的false是为了方式锚点点击抖动。
3
css样式
4
以上的代码的效果是:定位到该模块,并通过jQuery的animate方法缓动
5
建议直接运用锚点定位,不建议用缓动,以为当连续点击a标签,不出现问题
6
上述经验只是记录只用。在项目中还需要优化。
7
HTML 返回顶部功能实现效果 点击返回顶部按钮 直接或者缓动回顶部
8
以上都是经过测试的。
上一篇:原神须弥善见地浪船锚点在什么位置
下一篇:驾照,考试科目二必看技巧