在移动浏览器中隐藏网站导航栏

Question

我正在构建一个具有固定导航栏的网站，当用户向下滚动时，该网站会向外滑动以隐藏，当用户向上滚动导航栏然后再向下滑动时，它在桌面浏览器上工作正常，但在移动设备上却无法正常工作。如果用户在移动浏览器中向下滚动，则导航栏会按原样隐藏，但随后会向上移动多个卷轴以使其显示或者根本不显示。

您可以在此处查看该网站的演示： 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);
});

提前感谢您的时间！