Как отключить jscrollpane для Ipad и Iphone

Question

Я использую полный метод прокрутки страницы jscrollpane http://jscrollpane.kelvinluck.com/fullpage_scroll.html. Я хочу отключить его для Ipad и Iphone, но держусь за dekstop. Есть ли способ удалить jscrollpane для max-width 1024px.

Answer 1

Вы можете использовать некоторый javascript для обнаружения screen.width() и только вызвать функцию jscrollpane.js, когда screen.size превышает определенный порог. Вы можете использовать код, аналогичный приведенному ниже:

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

В качестве альтернативы, если вы найдете размер экрана, чтобы быть ненадежным или если у вас есть проблемы с портретом против ландшафта и т.д., вы можете попробовать искать и попробовать выяснить, если устройство является iphone/ipad на основе useragent.

что-то удлинять из ниже:

 <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

также a посмотреть на это:

Detecting the iPhone from jQuery