荆门程序员吧 关注:3贴子:11
  • 0回复贴,共1

html5实现点击链接跳转至页面任意位置

只看楼主收藏回复

很多html5网站都有页面跳转功能,就是点击链接(如回到顶部)页面跳转至指定位置。有的移动端网站干脆只有一个页面,按内容分类,点击对应链接时便会跳转到指定内容位置。那么是怎么实现的呢?其实这里用到了html5链接的一个功能:锚点链接。使用方法为:
1、定义锚点<a name=“自定义锚点名"></a> 或者<a id="自定义锚点名"></a>
  注意。这里的<a></a>标签内不允许有任何内容。
2、使用锚点<a href="#上面自定义的锚点名">自定义链接文字</a>
此时,点击步骤2中的自定义链接文字即跳转至步骤1中定义的锚点位置了,是不是很方便呢?


IP属地:湖北1楼2018-04-21 11:54回复