当正在滚动的内容位于设置为溢出的固定div内时，如何在jquery中执行滚动命令：滚动

Question

当某个div（我们将其称为div2）正在滚动时，我想使用jquery执行命令。 除了div2包含在另一个div（div1）中并且div1的高度设置为100vh且其溢出设置为滚动时，这将没有问题。 换句话说，据我所知，jquery无法识别任何实际滚动的内容。 当我告诉jquery在整个窗口滚动时执行该功能时，什么也没有发生，当我告诉它在div1滚动时执行该功能时，什么也没有发生。 当我告诉它在div2滚动时执行功能时，显然什么也没发生。 如何传达div1正在滚动以执行我的功能？ 以下是到目前为止我尝试过的。 任何帮助将不胜感激。 先感谢您！

 $(window).scroll(function(){ var wScroll = $(this).scrollTop(); alert("Hello"); }); 

 .div1{ height:100vh; overflow: scroll; background: red; } .div2 { height: 5000px; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="div1"> <div class="div2"> </div> </div> 

Answer 1

这样就可以了。

 $('.div1').scroll(function(){ var wScroll = $(this).scrollTop(); alert("Hello"); }); 

 .div1{ height:100vh; overflow: scroll; background: red; } .div2 { height: 5000px; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="div1"> <div class="div2"> </div> </div>