window.scroll觸發器在頁面的開始？

我試圖更改滾動上的div塊的不透明度值。window.scroll觸發器在頁面的開始？

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

如果div塊位於頁面中間的某處，那麼當我到達div塊時，不透明度值會發生變化。當我到達div區塊時，如何啓動$（window）.scroll（）來工作？

來源

2013-12-16 user1437251

精確的「當我到達的div塊」！當窗口的底部在div的頂部？當div變得可見時？ ...在開始時可以看到div的一部分嗎？ – TCHdvlp

對不起，我不清楚..我的意思是說，當div變得可見。 – user1437251

在計算中包含div元素的scrollTop和窗口高度。當div位於可見窗口區域的底部時，這將開始您的不透明動畫。我還添加了一個'鉗'功能，以保持在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/

來源

2013-12-16 14:52:58 Synthetx

window.scroll觸發器在頁面的開始？

回答

相關問題