滚动上显示的标题在移动设备上不起作用

Question

我正在努力解决滚动时出现的标题栏问题。 在桌面上它工作正常，但在移动设备上它不会淡入。

这是我的代码。

$(window).scroll(function() {
    if ($(this).scrollTop() > 400) {
        $( "#navbar" ).fadeIn();
    } else {
        console.log('there');
        $( "#navbar" ).fadeOut();
    }
});

也是一个小提琴：https://jsfiddle.net/rvovapxk/