如何使用JQuery .on()来捕获滚动事件 [英] How to use JQuery .on() to catch the scroll event
本文介绍了如何使用JQuery .on()来捕获滚动事件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我试图使用jQuery中的.on()来捕获标签内的滚动事件。 p>
- div id ='popup'
- .fixedHeader类是我试图修复的
-
getScrollTop()是一个返回顶值的JavaScript函数(工作)
$(document).on(scroll#popup,'#popup',function(){
alert('scrolling');
$ .fixedHeader)。css(position,relative);
$(fixedHeader)。css(top,getScrollTop());
}
解决方案
事件只是滚动
,而不是 scroll#popup
。
// http://ejohn.org/blog/learning-from-twitter
//此外,与vs一致
var $ fixedHeader = $('。fixedHeader')。css('position','relative');
$(document).on('scroll','#popup',function(){
console.log('scrolling'); //你*真的*不想在滚动中警告
$ fixedHeader.css(top,getScrollTop());
} ;
I'm attempting to use the .on() from jQuery to catch a scroll event that is inside a tag.
so this was my solution:
- 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()); });
解决方案
The event is simply scroll
, not 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()来捕获滚动事件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文