html - anchor 标记在 iPhone Safari 中不起作用

标签 html css iphone mobile-safari anchor

我在 iPhone Safari 浏览器中遇到命名 anchor 标记的问题。它适用于包括 Safari 在内的桌面浏览器,但不适用于移动版 Safari。奇怪!

例如我的 URL 如下所示:

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

上面的 URL 来自新闻通讯,它应该转到文章页面的底部段落,我给出的 id 是这样的:

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

当我从 Newsletter 单击上面的 URL 时,它会转到文章页面,但不会转到我指定 ID 的底部段落。虽然我可以看到当它进入 Safari 中的目标页面时,#articlebottom 部分从 URL 中丢失。

如有任何想法,我们将不胜感激!

最佳答案

Opera、IE、Chrome 和 Firefox 会将 anchor 转移到新页面。但是,Safari 会丢失重定向的 anchor 。

如果在 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 正确响应之前,在 URL/路径名中的 anchor 标记 之前添加正斜杠。 Firefox 似乎并不关心,我还没有在 IE 上进行测试。

关于html - anchor 标记在 iPhone Safari 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22643032/

相关文章:

iphone - 在使用 CGContext 绘制的 UIImage 中获取触摸

javascript - 如何突出显示标题并更改所选书签的标题文本

jquery - 如何设置姐妹或兄弟 div 的样式

html - 一个 div 内的两个 div 响应填充

css - 如何使用 CSS 或 SVG(如果需要)创建这种喇叭形外观?

iphone - 如果用户未更新应用程序如何显示警报

php - 无法编辑 overflow-x :hidden

javascript - React 和 SVG 最大宽度

css - 单击时保持菜单项颜色不变

iphone - NSPredicate同时使用IN和LIKE