JavaScript/jQuery 不触发滚动事件

Question

我正在尝试通过 jQuery 和 JavaScript 为我正在开发的 wordpress 网站触发滚动事件。

$(window).scroll(function() {
   var hT = $('#target').offset().top;
       hH = $('#target').outerHeight();
       wH = $(window).height();
       wS = $(this).scrollTop();
   console.log((hT-wH) , wS);
   if (wS > (hT+hH-wH)){
       console.log('working');
   }
});

控制台上没有任何反应。以下代码不起作用:

$(window).scroll(function() {
    console.log('scrolling');
});

也不要这样做:

function scrollFunction() {
    console.log('scrolling');
}

window.onscroll = scrollFunction;

我已经在其他非 wordpress 项目上测试了这些行，即使在 codepen 中也是如此，它们可以正常工作。我缺少什么？

我正在使用 jQuery 12.2.2。此外，在同一项目中出于同一目的，我无法使用 Waypoints.js，正如我在 this other question 中发布的那样.

非常感谢任何帮助，谢谢!

Answer 1

您的代码是否已包含在闭包中？也许其他一些 JavaScript 与 jQuery 冲突并使用 $ 符号。

例如像这样包装它以确保 $ 是 jQuery:

(function($){

  $(window).scroll(function() {
     var hT = $('#target').offset().top;
         hH = $('#target').outerHeight();
         wH = $(window).height();
         wS = $(this).scrollTop();
     console.log((hT-wH) , wS);
     if (wS > (hT+hH-wH)){
         console.log('working');
     }
  });

})(jQuery);