Ipad 및 Iphone 용 jscrollpane을 비활성화하는 방법

Question

jscrollpane 전체 페이지 스크롤 방법 http://jscrollpane.kelvinluck.com/fullpage_scroll.html을 사용하고 있습니다. 나는 Ipad와 Iphone을 위해 그것을 무능하게하고 싶다 그러나 dekstop를 위해 유지하십시오. 최대 너비 1024px의 jscrollpane을 제거하는 방법이 있습니까?

Answer 1

일부 자바 스크립트를 사용하여 screen.width()를 감지하고 screen.size가 특정 임계 값 이상일 때만 jscrollpane.js 함수를 호출 할 수 있습니다. 당신은 아래에 유사한 코드를 사용할 수 있습니다 또는

<script type="text/javascript" id="sourcecode"> 
if (screen.width > 960){   
$(function() 
      { 
       $('.scroll-pane').jScrollPane(); 
      }); 
} 
</script> 

를 화면 크기가 신뢰할 수없는 또는 등 가로 대 세로에 문제가 있다면, 당신은 시도를 찾고 시도 할 수 있고 장치가 있는지 알아 찾을 경우 아이폰/ipad는 사용자 에이전트를 기반으로합니다.

 <script type="text/javascript" id="sourcecode"> 
     iphoneOrIpad = navigator.userAgent.toLowerCase().indexOf('apple-iphone') > -1;  
     if (!iphoneOrIpad){   
     $(function() 
      { 
       $('.scroll-pane').jScrollPane(); 
      }); 
     } 
     </script> 

을하지만 당신이 볼 필요가 꽤 몇 가지 옵션이 있기 때문에이 목록을 살펴 가지고 :

http://www.enterpriseios.com/wiki/Complete_List_of_iOS_User_Agent_Strings

는 또한 가지고는 아래의 확장에

는

뭔가 이것 좀 봐 :

Detecting the iPhone from jQuery