React应用程序中的锚链接可在台式机和所有Android浏览器上运行,但不能在iOS设备上运行

时间:2018-11-23 15:12:01

标签: html ios reactjs

我通过HTTP调用加载了一些HTML,并将其显示在网站上。结构非常简单,例如

<ol>
  <li><a href="#intro">Introduction</a></li>
  ...
</ol>

...

<h2>1.  <a class="anchor" id="intro"></a>Introduction</h2>

单击锚点将重定向到如下所示的页面       website.com/terms-and-conditions#intro

这些链接在台式机Firefox和Chrome上,在Firefox和Chrome上的Galaxy S8和S9上可以正常工作,但在Chrome或Safari上的iPhone 7或iPad pro上不起作用。该页面不会移动,但是该链接仍会推送至浏览器的历史记录,即,按“后退”按钮将向后导航,并且您仍将位于同一位置。

我尝试将id属性交换为name属性,但同时使用了两者,这是行不通的。

任何帮助将不胜感激。谢谢

0 个答案:

没有答案