Javascript 我试图理解为什么这个JS片段不是'；t工作，可以使用一些指导添加到WP中

我试图搞乱一些JS，并使用代码片段试图让它们在干净的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
    });
  });
})();

（函数（）{
var延迟=假；
$（文档）.on（'mousewheel-DOMMouseScroll'，函数（事件）{
event.preventDefault（）；
如果（延迟）返回；
延迟=真；
setTimeout（函数（）{delay=false}，200）
var wd=event.originalEvent.wheelDelta | |-event.originalEvent.detail；
var a=document.getElementsByTagName（'a'）；
如果（wd<0）{
对于（变量i=0；i=40）中断；
}
}
否则{
对于（变量i=a.length-1；i>=0；i--）{
var t=a[i]。getClientRects（）[0]。顶部；
如果（t<-20）断裂；
}
}
$（'html，body'）。设置动画({
scrollTop:a[i]。偏移设置
});
});
})();

这是我试图实现的小提琴

它似乎试图在卷轴上做些什么，却被卡住了

我已采取的步骤：

在页面中添加HTML 将CSS添加到style.CSS 在标题中添加了到Jquery的链接 在之前的标记中添加了JS代码段

我在想，也许这与它在页面上的元素比一个和标签更多有关，也许？似乎被头球抓住了。不幸的是，这个JS对我来说很难用我所知甚少的东西进行逆向工程

---

谢谢。

javascript将侦听您的鼠标滚轮事件。如果你将鼠标滚轮向上或向下移动，它将首先检查你当前是否“旋转”过快。如果你是，它会耽误你。如果您没有，那么它将滚动（动画）到您的下一个锚定标记，并且该锚定标记将位于顶部

编辑：我看到你的网站上出现了js错误。从中删除

$

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