如何使用 JQuery .on() 捕捉滚动事件

2022-01-11 00:00:00 jquery jquery-plugins css

我正在尝试使用 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()); 
});

相关文章