1

現在、ユーザーが下にスクロールすると非表示になる固定ナビゲーション バーを持つサイトを構築しています。ユーザーがナビゲーション バーを上にスクロールしてから再び下にスライドすると、デスクトップ ブラウザーでは正常に動作しますが、モバイルでは動作しません。ユーザーがモバイル ブラウザーで下にスクロールすると、ナビゲーション バーは非表示になりますが、表示されるまで上に何度もスクロールするか、まったく表示されません。

ここでサイトのデモを見ることができます: http://riley87.co.uk/velocity/

js は次のとおりです。

var scroll_pos = 0;
var scroll_time;

$(window).scroll(function() {
    clearTimeout(scroll_time);
    var current_scroll = $(window).scrollTop();

    if (current_scroll >= $('#stickybar').outerHeight()) {
        if (current_scroll <= scroll_pos) {
            $('#stickybar').removeClass('hidden');    
        }
        else {
            $('#stickybar').addClass('hidden');  
        }
    }

    scroll_time = setTimeout(function() {
        scroll_pos = $(window).scrollTop();
    }, 0);
});

お時間をいただきありがとうございます。

4

0 に答える 0