jquery - Jquery 滚动显示移动视图/媒体查询

Question

我使用下面的 jquery 函数使项目在网站上滚动时一个接一个地出现（http://pitchandtoss.co.uk/ourstory.html）它工作得很好但是在移动设备上查看时它不能正常工作这一切都是因为显然在较小的屏幕上像素数量会发生变化。有什么我可以添加的，比如媒体查询，可以在移动设备上查看时更改滚动功能上的像素数量吗？提前致谢。

$(window).scroll(function() {
    if ($(this).scrollTop() == 0) {
        $("#mydiv:visible").hide();
    }
    else {
        $("#mydiv:hidden").show();
    }
});