window.scroll在页面开始时触发

window.scroll triggers at the start of the page?

本文关键字：开始时 scroll window      更新时间：2023-09-26

我正在尝试更改滚动时div块的不透明度值。

     $(window).scroll(function(e) {
            var s = $(window).scrollTop(),
            opacityVal = (s / 200.0);
            $('.blur').css('opacity', opacityVal);
     });

如果div块位于页面中间的某个位置。当我到达div块时，不透明度值发生了变化。当我到达div块时，如何启动$（window）.scroll（）？

在计算中包括div元素scrollTop和窗口高度。这将在div位于可见窗口区域底部时开始不透明度动画。我还添加了一个"clamp"函数，使其保持在0-1范围内。

$(window).scroll(function(e) {
    var s = $(window).scrollTop() - $('.blur').scrollTop() - $(window).height(),
        opacityVal = Math.max(0, Math.min(1, s/400));
    $('.blur').css('opacity', opacityVal);
});

请参阅：http://jsfiddle.net/AGcYH/

相关文章：