如何使用JQuery .on（）来捕获滚动事件 [英] How to use JQuery .on() to catch the scroll event

问题描述

我试图使用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屋！