Question

我刚注意到在几个页面上 - 包括我的一个拥有者 - 一些锚定超链接在Chrome V 61中停止工作。（Mac或Windows，没有区别）。没有Safari或FireFox的问题。

即。我在我的标题中使用它作为单页面布局上的导航。几周前它运作良好，没有任何变化。

<nav class="navbar navbar-default" id="navigation">
    <ul class="nav navbar-nav navbar-right">
        <li><a href="#service">Service</a></li>
    </ul>
</nav>

应该指向

<div class="services" id="service">

ul / li之外的标准锚链接在同一页面上正常运行。

<a href="#service" class="line-button">Service</a>

指向

 <div class="services" id="service">

那么，我在这里想念什么？

Answer 1

我已经找到了一个针对wordpress网站同样问题的解决方案。解决方案来自

    https://sridharkatakam.com/fix-jump-links-agency-pro/

与旧主题和旧版本的jquery.scrollTo.js或jquery.scrollTo.mins.js无法使用最新的Chrome更新。

第1步 通过FTP连接到您网站的服务器，并导航到子主题内的主题js目录。

第2步 删除jquery.localScroll.min.js和jquery.scrollTo.min.js。

第3步 下载jquery.localScroll.min.js和jquery.scrollTo.min.js。

将这两个文件上传到js目录。

在我的情况下，客户端没有子主题 - 文件位于wp-content / themes /（您的活动主题文件夹）/ js 我只需要替换一个文件jquery.scrollTo.js - 我下载了jquery.scrollTo.min.js并在替换旧版本之前将其重命名为jquery.scrollTo.js。

很多人都有这个问题 - 花了我几个小时才找到这个解决方案。

祝你好运

Answer 2

你是怎么做到的，应该有用......

问题出在其他地方，但不在您发布的代码部分; - ）

我认为，问题出在javascript或CSS中。将它们从源中删除，然后重试。如果它现在有效，请逐一添加以找出它发生的位置。

思路：

锚本身缺失或格式错误
某些JS例程会在用户点击之前修改某个标记或锚点，以便它打破
Javascript mousedown / mousemove / mouseup / click事件处理程序调用e.preventDefault（），e.stopPropagation（）或类似的东西，因此click事件无法正确到达标记。
CSS中设置不当的指针事件属性
很少见，但可能：浏览器错误

<ul>中的锚点链接停止工作

2 个答案: