如何在一定數量的滾動後觸發事件？

我使用這個小代碼，它爲我的標題img工作正常。但後來在我的頁面上，我想再次使用相同的效果。除了從第一時刻開始滾動的動作被調用。所以我希望當我在相關的div上或者在一定數量的像素之後發生這個動作。我需要添加什麼？如何在一定數量的滾動後觸發事件？

在此先感謝！

<script> 
    $(window).scroll(function() { 
    var s = $(window).scrollTop(), 
    opacityVal = (s/150.0); 
    $('.blur_img').css('opacity', opacityVal); 
}); 
</script>

來源

2015-04-01 user3095570

我試過'延遲'和一些scrollTop，但它很難說英文不是我的母語，所以我不確定詢問Google的最有效方法是什麼;） – user3095570 2015-04-01 13:21:26

你必須在代碼中添加一個檢查：

.scrolltop（）返回多少用戶垂直滾動。

<script> 
$(window).scroll(function() { 
    var s = $(window).scrollTop(); 

    if (s > 200) { 
     opacityVal = (s/150.0); 
     $('.blur_img').css('opacity', opacityVal); 
    } 
}); 
</script>

來源

2015-04-01 13:22:13 Jordumus

我發現viewport.js對檢測滾動非常有用。

視口爲jQuery添加了一些額外的選擇器。使用這些選擇器，您可以檢查元素在視口內部還是外部是否爲。

因此，當在網頁的元素後進入「視」你的函數可以調用加載更多的內容，或者你需要做任何其他動作。

來源

2015-04-01 13:26:49 Tony

如何在一定數量的滾動後觸發事件？

回答

相關問題