Html 同一页面定位仍无法在移动设备上工作

好的，我已经寻找了一段时间的答案，虽然有很多相同的问题，但没有一个能解决我的问题

使用下面的代码，我试图将一个按钮链接到页面下方的某个部分

<a href="#tour" class="input"><img src="assets/images/seetheapp.png" alt="Download the App" width="300" height="48" style="margin-bottom: 100px;"></a>

称之为使用

<a id="tour"></a>

在桌面上可以正常工作，但在iPhone上根本不起作用（甚至弹出选项也不起作用），只能在iPad上以横向模式工作。。。我完全被难住了

---

它当前处于活动状态（pulsatedate.com），因此需要尽快对其进行排序。

在这种情况下，链接到现有的节/div id而不是锚定是一种合适的解决方法

<a href="#page-twitter" class="input"><img src="assets/images/seetheapp.png" alt="Download the App" width="300" height="48" style="margin-bottom: 100px;"></a>

---

仔细查看

标记，可能会发现一些文件覆盖和禁用锚定，我遇到过这种情况：

---

忘记禁用

jquery.mobile-1.4.2.js

，因为我在替换到其他框架之前使用过，当单击锚元素隐藏或删除活动类时，忘记用一些jquery删除或注释

这是示例代码

<header class="header-section">
  <ul class="main-menu">
    <li>
        <a href="#home" class="js-hide-header">
            &nbsp;Home
        </a>
    </li>
    <li>
        <a href="#about" class="js-hide-header">
            &nbsp;About
        </a>
    </li>
    <li>
        <a href="#service" class="js-hide-header">
            &nbsp;Services
        </a>
    </li>
    <li>
        <a href="#contact" class="js-hide-header">
            &nbsp;Contact
        </a>
    </li>
  </ul>
</header>

---

您使用的是html5还是html4？如果是html4，那么您可以尝试添加

名称

属性：

，否则尝试将id放在div或其他元素上它太奇怪了，无法工作。。不管怎样，我试过了，它似乎奏效了。我想这是因为巡演主播是空的。您可以尝试添加一个空像素或@msbodetti链接到#页面twitter在这种情况下就可以了！非常感谢。

$(".js-hide-header").on('click', function(e) {
    $('.header-section').removeClass('active');
});