如何使用 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() 捕捉滚动事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持html5模板网！