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

Question

我使用下面的jquery函数在网站上滚动时逐项显示项目（http://pitchandtoss.co.uk/ourstory.html）它运行得很好但是在移动设备上查看它根本无法正常工作，因为很明显金额像素在较小的屏幕上变化。有什么我可以像媒体查询一样添加在移动设备上查看时更改滚动功能的像素数量吗？提前谢谢。

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