Wymagana funkcja javascript działa tylko na ekranach komputerów stacjonarnych i wyłącza się na urządzeniach mobilnych - jquery, zapytania o media, responsywne

W JavaScript mam funkcję, której potrzebuję do pracy tylko na ekranach komputerów (w tym przypadku coś szerszego niż 1000 pikseli) i potrzebuję pomocy.

Oto moja funkcja:

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

Oto, co jest historią tła.

Na naszej stronie internetowej firmy mamy plany istrona cenowa, z dużą tabelą cech każdej opcji cenowej, jej bardzo długi stół, musisz przewinąć przez chwilę, aby zobaczyć to wszystko. Na tej stronie mam już paskujący pasek nawigacyjny na górze ekranu, a my go tam trzymamy.Tak wszystko na tej stronie jest już responsywne mobilnie i działa dobrze, dopóki mój szef nie poprosił mnie o dodanie drugiego lepkiego poziomego bar, tak jak ta strona tutaj (https://www.caspio.com/pricing/) podczas przewijania w dół, pole nagłówka planu cenowego trzyma się u góry ekranu podczas przewijania w dół.

Udało mi się to zrobić, woo hoo! (klepie mnie po grzbiecie jako młodszy programista, który jest nowy w grze) i wygląda świetnie, a kiedy użytkownik przewija 1650 pikseli w dół strony, pojawia się nowy pasek i wygląda gładko, ale potem przetestowałem witrynę w telefonie komórkowym, a teraz wygląda okropnie, na urządzeniach mobilnych i wyrzuca wszystko, jak wszystko wygląda na urządzeniach przenośnych, więc gdybym mógł po prostu napisać trochę .js, aby ta funkcja była aktywna tylko w trybie pulpitu (ekrany większe niż 1000 pikseli), uratuj mój tyłek!

Dziękujemy za porady i pomocne wskazówki!

Odpowiedzi:

    if (window.innerWidth > 1000) {

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

Coś takiego powinno zadziałać?