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です

Answer 2

.scrollTop()ページがスクロールされた距離を取得するために使用できます

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