/ / javascript関数をデスクトップ画面でのみ使用し、モバイルで無効にする必要がある - jquery、media-queries、responsive

javascript関数をデスクトップ画面でのみ使用し、モバイルで無効にする必要がある - jquery、media-queries、responsive

私はJavascriptで関数を実行していますが、これはデスクトップ画面(この場合は1000pxよりも大きいもの)だけで動作する必要があり、何か助けてください。

ここに私の機能があります:

 $(document).ready(function () {
$(window).scroll(function () {
if ($(document).scrollTop() > 1650) {
$("#table-top").addClass("scrolled");}
else {$("#table-top").removeClass("scrolled");}
});
});

だからここに背景の物語があります。

当社のウェブサイトについては、価格設定ページでは、各価格オプションの機能の大きなテーブル、非常に長いテーブル、それをすべて表示するにはしばらくの間スクロールする必要があります。このページでは、既に画面の上部にスティッキーナビゲーションバーがあり、そこに保持しています。このウェブサイトに関するすべてのものはすでにモバイル対応で、上司が私に2番目のスティッキー水平バー、ちょうどここのこのページのように(https://www.caspio.com/pricing/)ここで、ページを下にスクロールすると、下にスクロールすると、価格設定の見出しボックスが画面上部にスティックされます。

私はこれをすることができた、うわー! (ゲームに初めて参加したジュニア開発者として背中に腰をかけて)、それは素晴らしいように見えます。ユーザーがページを1650ピクセル下にスクロールすると、新しいバーがポップアップしてスムーズに見えますが、モバイルではひどいように見えますが、モバイルですべてがどのように見えているかわからないので、この機能をデスクトップモード(1000 px以上のスクリーン)でのみ有効にするには、私のお尻を保存!

アドバイスや助言をいただきありがとうございます!

回答:

回答№1は0
    if (window.innerWidth > 1000) {

$(document).ready(function () {
$(window).scroll(function () {
if ($(document).scrollTop() > 1650) {
$("#table-top").addClass("scrolled");}
else {$("#table-top").removeClass("scrolled");}
});
});
}

このようなものはうまくいくはずですか?