javascript - 100px 后的 jQuery 滚动功能

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