JavaScript/jQuery未触发滚动事件
JavaScript/jQuery not triggering scroll event
我正试图通过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,正如我在另一个问题中发布的那样。
非常感谢您的帮助,谢谢!
您的代码已经在闭包中了吗?也许其他一些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);
你试过这个吗?
<script>
window.onscroll = function() {scrolling()};
function scrolling() {
console.log("Scrolling");
}
</script>
尝试以下代码…:)
将$(window).scroll(function(){});
替换为$(window).on('scroll', function(){})
$(window).on('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');
}
});
相关文章:
- 只覆盖箭头键滚动事件
- Javascript如何找到滚动事件的来源
- 在D3.js中,有没有任何方法可以将x和y方向上的滚动事件绑定到平移svg
- jquery/ajax无限滚动事件
- 如何检测滚动事件是否像在触摸设备上一样只触发一次
- 为什么不'我的窗口滚动事件根本没有启动.其他答案没有解决问题
- 如何用javascript调用函数,然后在滚动事件中调用该函数的特定实例
- 从父元素取消绑定滚动事件并绑定到子元素
- JavaScript/jQuery未触发滚动事件
- 如何使用javascript检测不可滚动元素中的滚动事件和方向
- AngularJS窗口滚动事件未触发
- 正在阻止滚动事件
- JavaScript 事件处理具有延迟的滚动事件
- 在画布上创建滚动事件
- 如何由于浏览器的平滑滚动而忽略大量滚动事件
- onclick滚动事件-语法
- 带有滚动事件的Javascript集翻译速度较慢
- 在firefox上的滚动事件中移动元素
- 鼠标滚轮事件和滚动事件相互冲突
- 滚动事件运行缓慢-有没有更轻松的方法