WordPress Javascript / jQuery無法在Webkit上運行

Question

我已經安裝了用於Wordpress的Easy Easy Scroll Links（ESSL）和Page Scroll to ID插件，但是它們似乎都無法在Webkit瀏覽器上工作。 我進行了一些研究，找到了至少一個可行的解決方案，但是插件文件采用的是縮小格式，因此，幾乎不花時間重新格式化就幾乎不可能修改它們（還有一個事實是，大多數代碼看起來對我來說太先進了。）

如果對我正在工作的站點有幫助，請訪問http://design.mindgarden.me/ ，相關部分為圓圈/向下箭頭按鈕。 單擊/按下后，它應將頁面向下滾動到服務部分。 （在Firefox，IE和大概其他非Webkit瀏覽器上都可以正常工作，但在Chrome，Safari等上不能正常工作）

無論如何，我要解決的主要問題是（如果這是一個眾所周知的問題）是否存在已知的解決方法/修復方法，或者是否存在與您在webkit上都能使用的功能相同的替代插件瀏覽器。

我已經提交了一張現代主題的支持票（我曾經使用的主題創建者，以前我認為這是他們的問題），但是看到我們處在不同的半球時，我想我會嘗試接觸更多的受眾。 我還檢查了我提到的每個插件的支持論壇，但是沒有發布這樣的主題，而且它們似乎還很不活躍...在wordpress上搜索類似的插件也只發現了數百個“從頭到尾”的克隆，這不是什么。我目前正在尋找。 現在我考慮了一下，我不妨在官方的WordPress支持論壇上發布有關此主題的主題...

先感謝您。

附言 它說我需要至少10個信譽才能發布2個以上的鏈接，因此您將不得不自己搜索Google插件。

Answer 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中，或添加主題的主腳本文件即可。 如果您有任何問題，請告訴我，我們將助您一臂之力。