总结锚点在html和js中的用法
程序员文章站
2022-04-01 15:07:47
...
在HTML中锚点的用法:
学习网页知识入门的肯定是HTML,其中html的锚点 到底是干吗的?
通俗简单地说,比如一篇很长的文章,你想按分段精确来看,那就可以用到锚点了。
了解到锚点是什么之后,我们来了解下锚点的用法。
js中锚点的使用实例:
html页面内可以设置锚点,锚点定义
第一个是在通讯录右边的索引条上进行滑动,滑动到相应字母就跳转到相应字母的锚点上。
思路:监听touchmove事件,获取clientX和clientY,传入到elementFromPoint,然后获取到元素以后执行click()即可。
常见的开发页面中可能会有这么一个需求,页面中会有多个模块,每个模块对应一个导航,当页面滚动到某个模块时,对应的模块导航需要加上一个类用于区分当前用户所浏览区域。
锚点相关问答:
2.angular.js - AngularJs通过定义锚点链接控制页面输出
以上就是总结锚点在html和js中的用法的详细内容,更多请关注其它相关文章!
上一篇: 怎样用Ajax异步检查用户名有无重复
下一篇: 美化html段落文本 Ⅰ_经验交流
推荐阅读
-
html/css中相对定位relative和绝对定位absolute的用法
-
js中apply()和call()的区别与用法实例分析
-
Python2和Python3中print的用法示例总结
-
对node.js中render和send的用法详解
-
js中函数表达式和自执行函数表达式的用法总结
-
如何使用php脚本给html中引用的js和css路径打上版本号
-
HTML中的target(_self,_blank)用法总结
-
JS和jQuery通过this获取html标签中的属性值(实例代码)
-
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
-
angularjs中ng-bind-html的用法总结