100px之后的jQuery Scroll功能

7 javascript jquery

使用此脚本:

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

是否可以仅在用户滚动100px或更多后执行操作?

Bra*_*roy 10

你确实需要scrollTop.包含'else'函数也是明智之举,这样当你向后滚动到顶部时,切换元素会再次被隐藏.因此:

$(document).ready(function() {
    $('#scrollDiv').hide();
    $(window).scroll(function() {
        if ($(document).scrollTop() > 100) {
            $('#scrollDiv').fadeIn('slow');
        }
        else {
            $('#scrollDiv').fadeOut('slow');
        }
    });
});?
Run Code Online (Sandbox Code Playgroud)

这是一个快速的jsfiddle