html5将锚点隐藏后跳转不出来

html5将锚点隐藏后跳转不出来,第1张

div 不支持 name 这个属性来创建锚点.锚点是在 a 标签的 name 属性

另外,根据 Mozilla 的文档,html5 中,a 的 name 属性也不支持了.改为了搜索唯一的 id 属性

例如使用/Home/Index#data2跳转到A页面,页面并不会进行锚点指向,但是当页面加载完成后,把链接中的#data2改为#data3就可以直接跳转到指定位置,锚点又生效了,通过这个测试我们可以大致得知,通过链接到达A页面后,在页面还未加载完成时锚点指向已经执行了,故无法定位到指定锚点。

具体解决思路及办法:

通过js中的setTimeout函数,来延迟锚点的执行,等待页面全部加载完毕后再定位到指定锚点,具体的JS代码如下:

你把A标签的href值换成#号或者javascript:,甚至不用写href

为A设置一个鼠标点击事件

然后通过JS调转页面

这样的话,当鼠标悬浮在a连接上的时候 就看不到所要跳转的地址了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6098050.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-14
下一篇 2023-03-14

发表评论

登录后才能评论

评论列表(0条)

保存