当用户滚动到网站的部分时淡入div

时间:2016-08-28 12:00:00

标签: javascript jquery html css

我有Jquery代码在页面加载时淡化某些div。当用户在我的网页上滚动2000px时,我将如何编辑此代码以触发此操作。

JQUERY

    $(function () { $(window).load(function() {
    $('.welcome-image').addClass('animated fadeInRightBig');
})
  var reset = function reset() {
          console.log($(this).scrollTop());
            // do stuff when window `.scrollTop()` > 75
            if ($(this).scrollTop() > 2000) {
              // turn off scroll event so `fx` not called
              // during ongoing animation
              $(this).off("scroll");
                // when all animations complete
                fx()
            }
        };
        // if `fx` should only be called once ,
        // change `.on()` to `.one()` ,
        // remove `.then()` callback following `fx()`
        // within `reset`
        $(window).on("scroll", reset);
    });

2 个答案:

答案 0 :(得分:0)

试试这个

{{1}}

根据需要选择功能和其他内容。这是一个让你想到的例子。

答案 1 :(得分:0)

$(window).load(function() {
    $(window).on('scroll', function () {
       if ($(window).scrollTop() > $("#section").scrollTop()) {
          $('.welcome-image').addClass('animated fadeInRightBig');
       }
   });
})

它可能对你有帮助