자바 스크립트 기능을 데스크톱 화면에서만 사용할 수 있고 모바일에서 사용하지 않도록 설정해야합니다.

Question

자바 스크립트에서 데스크톱 화면 (이 경우 1000px보다 큰 것)에서만 작동해야하는 기능을 실행 중이므로 도움이 필요합니다. 부디. 그래서 여기

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

는 배경 이야기는 무엇인가 :

여기 내 기능입니다.

우리 회사 웹 사이트의 경우 가격 책정 옵션의 기능에 대한 큰 테이블과 긴 계획표가있는 계획 및 가격 책정 페이지가 있으며 잠시 동안 모두 스크롤해야합니다. 이 페이지에는 이미 화면 상단에 끈적 거리는 탐색 모음이 있습니다. 이 웹 사이트에 관한 모든 내용은 이미 모바일 반응을 나타 냈고, 상사가 두 번째로 끈적 끈적한 가로 막대를 추가 할 때까지이 페이지 (https://www.caspio.com/pricing/)처럼 페이지를 아래로 스크롤하면 가격 책정 헤더 상자가 아래로 스크롤하면 화면의 상단.

나는 이것을 할 수 있었다, 우우! (게임을 처음 접하는 주니어 개발자로 뒤에서 몸을 가볍게 두드리며) 멋지게 보입니다. 사용자가 페이지 아래로 1650px 스크롤하면 새 바가 튀어 나오고 부드럽게 보이지만 사이트를 테스트했습니다. 모바일에서, 그리고 이제는 끔찍한 것처럼 보입니다. 모바일에서 모든 것이 어떻게 보이는지를 알 수 없으므로,이 기능을 데스크톱 모드 (1000px보다 큰 화면)에서만 활성화하려면 몇 가지 .js를 쓰면됩니다. 내 엉덩이 살려줘!

어떤 조언이나 도움이되는 제안에 감사드립니다.

Answer 1

if (window.innerWidth > 1000) { 

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

다음 중 어떤 것이 작동해야합니까?