は、私が理解するようにインストールし、私はいくつかのJSの周り台無しにしようとしていますWP

Question

に追加し、クリーンWP上で動作するようにそれらを取得しようとスニペットを使用していくつかのガイダンスを使用することができますWordpressを正しく追加する方法。

私はこれがここ

(function() { 
    var delay = false; 

    $(document).on('mousewheel DOMMouseScroll', function(event) { 
    event.preventDefault(); 
    if(delay) return; 

    delay = true; 
    setTimeout(function(){delay = false},200) 

    var wd = event.originalEvent.wheelDelta || -event.originalEvent.detail; 

    var a= document.getElementsByTagName('a'); 
    if(wd < 0) { 
     for(var i = 0 ; i < a.length ; i++) { 
     var t = a[i].getClientRects()[0].top; 
     if(t >= 40) break; 
     } 
    } 
    else { 
     for(var i = a.length-1 ; i >= 0 ; i--) { 
     var t = a[i].getClientRects()[0].top; 
     if(t < -20) break; 
     } 
    } 
    $('html,body').animate({ 
     scrollTop: a[i].offsetTop 
    }); 
    }); 
})(); 

上でそれをテストイムlinkあるJSFiddle

で働いていますが、私が実装しようとしていますフィドルです。

それは、スクロールに何かをやろうとしているように見えるし、立ち往生。私が取った

ステップ：

を追加しましたHTMLにページ に追加CSSをヘッダ でのjQueryに 追加リンクをstyle.cssにするためには、私は多分それを考えている

前に、タグ内のJSスニペットを追加しましたそれは単なるタグではなくページ上の要素が増えているという事実と関係がありますか？見出しにつかまっているようだ。このJSは私が残念なことに知っている小さなものでリバースエンジニアリングするのはちょっと難しいです。

ありがとうございました。

Answer 1

あなたのマウスホイールイベントにjavascriptリッスンします。マウスのホイールを上または下に動かすと、あなたは現在、速く回転しているかどうかを最初に確認します。あなたがそうであれば、それはあなたを遅らせるでしょう。あなたがいないなら、それはあなたの次のアンカータグに（アニメーション）をスクロールすると、そのアンカータグは、トップアップとなります。

編集：私はあなたのサイト上でのJSのエラーを取得している参照してください。

$(function() { 
    var delay = false; 
    //blah blah 
} 

から $を削除します