0

ユーザーdivがページのスクロールポイントに到達したときに（この場合は「スクロールバック」）が表示されるようにするには、次のスクリプトを使用しています

$(document).ready(function() {
   $(window).scroll(function() {
       var scrollVal = $(this).scrollTop();
        if ( scrollVal > 1500) {
            $('#backtotop').css({'display':'block'});
        } else {
            $('#backtotop').css({'display':'none'});
        }
    });
 });

アクティブにスクロールしているときにのみdivが表示されるという事実を除いて、それは完全に機能します#backtotop.cssスタイルシートでcssが「display：none」として設定されてい"display:block"ます。逆の問題、div は常にそこにありますが、1500 の値を超えてスクロールするとフェードアウトします... スクロールを停止した瞬間に再び表示されます。

したがって、基本的には、スクロールポイントに到達したときに div が表示されるように (表示されるように) したいのですが、スクロールを停止しても表示されないようにします (そうではありません)。

4

1 に答える 1

0

このようなことを意味しますか？デモhttp://jsfiddle.net/yeyene/6gAHT/2/

あるポイントをスクロールした後にdivを表示してからTo Topクリックすると、一番上に移動して非表示になります.??

$(document).ready(function(){
    $(window).scroll(function() {
       var scrollVal = $(this).scrollTop();
        if ( scrollVal > 500) {
            $('#backtotop').show();
        } else {
            $('#backtotop').hide();
        }
    });
    $('#backtotop').on('click', function(){
        $('html, body').animate({ scrollTop: 0 }, 'slow');
    });
});
于 2013-06-20T09:39:17.377 に答える