Wordpress Javascript/jQuery 在 webkit 上不起作用答案

【问题标题】：Wordpress Javascript/jQuery not working on webkitWordpress Javascript/jQuery 在 webkit 上不起作用
【发布时间】：2015-05-03 12:37:53
【问题描述】：

我已经为 wordpress 安装了 Easy Smooth Scroll Links (ESSL) 和 Page Scroll to ID 插件，但是它们似乎都不适用于 webkit 浏览器。我做了一些研究并找到了至少一个可行的解决方案，但是插件文件是缩小的形式，所以我几乎不可能在不花费数小时重新格式化的情况下修改它们（还有一个事实是大多数代码看起来太高级了，我无法理解。）

如果有任何帮助，我正在处理的网站是http://design.mindgarden.me/，有问题的部分是圆圈/向下箭头按钮。单击/按下它后，它应该将页面向下滚动到服务部分。（在 Firefox、IE 和可能的其他非 webkit 浏览器上运行良好，但在 Chrome、Safari 等上运行良好）

无论如何，我想在这里得到的主要答案是（如果这是一个众所周知的问题）是否有任何已知的解决方法/修复，或者是否有一个具有相同功能的替代插件，你知道哪个适用于 webkit 浏览器。

我已经提交了一张支持票 modernthemes（我正在使用的主题的创建者，因为我之前认为这是他们方面的一个问题）但是看到我们在不同的半球，我想我会尝试联系更广泛的受众。我还检查了我提到的每个插件的支持论坛，但是没有发布这样的主题，而且它们似乎非常不活跃......还在 wordpress 上搜索类似插件只显示了数百个“滚动到顶部”克隆，这不是什么我正在寻找。现在我想了想，我不妨在官方的 wordpress 支持论坛上发布一个关于这个的帖子......

提前谢谢你。

附言。它说我需要至少 10 个声望才能发布 2 个以上的链接，因此您必须自己在 Google 上搜索插件。

【问题讨论】：

标签： javascript jquery wordpress plugins webkit

【解决方案1】：

你可以使用这样的东西：

<script>
$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {

      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});
</script>

我在 CSS 技巧上找到了它，您可以查看一个工作示例并检查元素以查看标记的外观。 https://css-tricks.com/examples/SmoothPageScroll/ 要整合到 WordPress 中，您可以简单地将代码添加到您的 footer.php，或者为您的主题添加主脚本文件。如果您有任何问题，请告诉我，我会帮助您解决问题。

【讨论】：