本文介绍了如何使用 JQuery .on() 捕捉滚动事件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试使用 jQuery 中的 .on() 来捕获标签内的滚动事件.
I'm attempting to use the .on() from jQuery to catch a scroll event that is inside a tag.
所以这是我的解决方案:
so this was my solution:
- div id='popup'
- .fixedHeader 类是我尝试将其固定在 div 框架顶部的东西.
getScrollTop() 是一个返回顶部值的javascript函数(有效)
- the div id='popup'
- the .fixedHeader class is something I'm trying have fixed at the top of the div frame.
getScrollTop() is a javascript function to return the top value (works)
$(document).on("scroll#popup", '#popup', function(){
alert('scrolling');
$(".fixedHeader").css("position", "relative");
$(".fixedHeader").css("top", getScrollTop());
});
推荐答案
事件只是scroll，而不是scroll#popup.
// http://ejohn.org/blog/learning-from-twitter
// Also, be consistent with " vs '
var $fixedHeader = $('.fixedHeader').css('position', 'relative');
$(document).on('scroll', '#popup', function() {
console.log('scrolling'); // you *really* don't want to alert in a scroll
$fixedHeader.css("top", getScrollTop());
});
这篇关于如何使用 JQuery .on() 捕捉滚动事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！