jquery - モバイルビュー/メディアクエリを表示するためのJqueryスクロール

Question

以下のjquery関数を使用して、Webサイト（http://pitchandtoss.co.uk/ourstory.html）をスクロールするときにアイテムを次々に表示させますが、モバイルで表示するとうまく機能しません明らかに、小さい画面ではピクセルの量が変化するためです。モバイルで表示したときにスクロール機能のピクセル数を変更するために、メディアクエリのように追加できるものはありますか? 前もって感謝します。

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