在网页中经常用到锚点,特别是在比较长的页面中锚点的使用会增加用户体验,现在php中文网介绍html 锚点三种实现方法
1. 在同一页面中
跳转到add
2. 在不同页面中,锚点定位在a.html中,从另外一个页面的链接跳转到这个锚点
跳转到a.add
3. 点击链接触发js事件,同时跳转到锚点,有两种处理方式:
第一种:
触发add函数并跳转到add锚点
第二种:
通过scrollIntoView实现锚点效果
在html中设置锚点定位有几种方法,使用id定位、使用name定位、使用js定位,这些方法不一定是最全的,只可以参考下
1、使用id定位:
立即学习“前端免费学习笔记(深入)”;
外贸中英繁三语企业网站管理系统是一套专为外贸企业建站首选的信息网站管理系统,中英繁三种语言同步更新模板风格宽频页面十分大方。宁志网站管理系统是国内知名建站软件,它由技术人员开发好了的一种现成建站软件,主要为全国各外贸企业,事业单位、企业公司、自助建站提供方便。网站系统无复杂的安装设置要求,适合广大工作人员使用。特点:安全、稳定、美观、实用、易操作...
锚点1
11111111111 11111111111 11111111111 11111111111 11111111111
这样的定位可以针对任何标签来定位。
2、使用name定位:
锚点5 1111111
使用name属性只能针对a标签来定位,而对p等其他标签就不能起到定位作用。
3、使用js定位
实例:
js 锚点平滑定位