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

How to use JQuery .on() to catch the scroll event(如何使用 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() 捕捉滚动事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！