100px之后的jQuery Scroll功能

Question

使用此腳本：

<script>
$(function() {
    $(window).scroll(function(){
        $('#Your element id').slideUp('slow');
    });
});     
</script>

是否可以僅在用戶滾動100px或更多后執行操作？

Answer 1

你確實需要scrollTop。 包含'else'函數也是明智之舉，這樣當你向后滾動到頂部時，切換元素會再次被隱藏。 因此：

$(document).ready(function() {
    $('#scrollDiv').hide();
    $(window).scroll(function() {
        if ($(document).scrollTop() > 100) {
            $('#scrollDiv').fadeIn('slow');
        }
        else {
            $('#scrollDiv').fadeOut('slow');
        }
    });
});​

這是一個快速的jsfiddle

Answer 2

您可以使用.scrollTop()來獲取頁面滾動的距離

<script>
$(function() {
    $(window).scroll(function(){
        if($(this).scrollTop() > 100) {
            $('#Your element id').slideUp('slow');
        }
    });
});     
</script>