Javascript 向下滚动屏幕时,请执行一些操作

Javascript 向下滚动屏幕时,请执行一些操作,javascript,jquery,html,Javascript,Jquery,Html,是否有任何类型的脚本,例如: 当你向下滚动到某个元素时,网站上会有什么动作 假设我有一个: <select id="1"></select> <select id="2"></select> <select id="3"></select> 当有人向下滚动到id=“2”时,执行一些动作,如动画或wathever。使用jQuery,您可以执行以下操作: $(document).ready(functi

是否有任何类型的脚本,例如:

当你向下滚动到某个元素时,网站上会有什么动作

假设我有一个:

  <select id="1"></select>
    <select id="2"></select>
    <select id="3"></select>


当有人向下滚动到id=“2”时,执行一些动作,如动画或wathever。

使用jQuery,您可以执行以下操作:

$(document).ready(function() {
    $(document).scroll(function(){  
        if( $('#2').offset().top <= $(window).scrollTop() ){
            // Do something here
        }   
    });
});
$(文档).ready(函数(){
$(文档)。滚动(函数(){

如果($('#2')。偏移量().top您可以使用ScrollRevealJs或ScrollMagicJs等Javascript库。这两个库都很容易使用。

请进行一些研究,并将您的试用代码作为代码片段或发布在www.jsfiddle.net上,我们将非常乐意为您的问题提供帮助。您应该使用WowJs Javascript库和ScrollMagicJs库来制作此类动画。