html – 锚标记在iPhone Safari中不起作用

html – 锚标记在iPhone Safari中不起作用,第1张

概述我在iPhone Safari浏览器中遇到了一个名为锚标签的问题.它适用于包括Safari在内的桌面浏览器,但不适用于移动Safari.奇怪的! 例如,我的网址如下: http://www.example.com/my-example-article-url-is-like.php#articlebottom 上面的URL来自时事通讯,它应该转到文章页面的底部段落,我给了这样的id: <p id= 我在iPhone Safari浏览器中遇到了一个名为锚标签的问题.它适用于包括Safari在内的桌面浏览器,但不适用于移动Safari.奇怪的!

例如,我的网址如下:

http://www.example.com/my-example-article-url-is-like.PHP#articlebottom

上面的URL来自时事通讯,它应该转到文章页面的底部段落,我给了这样的ID:

<p ID="articlebottom">paragraph is here</p>

当我从时事通讯单击上面的URL时,它会转到文章页面,但不是我指定ID的底部参数.虽然我可以看到,当它进入Safari的目标页面时,URL中缺少#articlebottom部分.

任何想法将不胜感激!

解决方法 Opera,IE,Chrome和firefox将把锚转移到新页面.但是,Safari在重定向上丢失了锚点.

那么如果你在ID标签之前添加/只是呢?

旧网址路径:
http://www.example.com/my-example-article-url-is-like.PHP#articlebottom

新网址路径:
http://www.example.com/my-example-article-url-is-like.PHP/#articlebottom

另一个解决方案是你必须删除“www.”.来自域并在Safari / pathname中的锚标记之前添加正斜杠,然后Safari才能正确响应. firefox似乎并不关心,我还没有在IE上进行测试.

总结

以上是内存溢出为你收集整理的html – 锚标记在iPhone Safari中不起作用全部内容,希望文章能够帮你解决html – 锚标记在iPhone Safari中不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

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

原文地址: http://outofmemory.cn/web/1068085.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存