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