2017-09-20 9 views
1

これは私のコードです。私はjScrollPane Ipadの肖像画のみを削除し、リロードページは必要ない。私Ipadポートレートとlanscapeを検出する方法

$(window).resize(function(event){ 
      var height = $(window).height(); 
      var width = $(window).width(); 

      if(width>height) { 
       var height = 0; 
       height = $(window).height()-129; 
       height = height-56-$('.titstyle04').height(); 
       $('.mainimgmenuin .jscrollpane').css('height',height); 
       if($('.jscrollpane').length > 0){ 
        $('.jscrollpane').jScrollPane(); 
       } 
      } 
      else { 
       $(".jscrollpane").jScrollPane().data().jsp 
      } 

     }); 

答えて

0

$(ウィンドウ).on( "orientationchange"、機能(){

if (window.innerHeight > window.innerWidth) { 

    CallPortraitMail(); 

} else if (window.innerHeight < window.innerWidth) { 

    CallLandscapeMail(); 

} 

})助けてください。

方向変更方法を使用してurコードをカスタマイズします。

+0

ありがとう!私はそれを試してみましたが、それは動作していません – pika

0

あなたのJavaScript/jQueryのソリューションを好む場合は、ここでのオプションは(jQueryの中で)です:

また
$(function() { 
    var myInterval = setInterval(function() { 
     if(window.innerHeight > window.innerWidth){ 
     $('.jscrollpan').hide(); 
     } 
     if(window.innerHeight < window.innerWidth){ 
      $('.jscrollpan').show(); 
     } 
    },4); 
}); 

、オプションで、(上記の代わりにjQueryのこれを使用)、あなたのCSSに以下を試してみましたか?

@media all and (orientation:portrait) { 
    .jscrollpane { 
     display: none; 
    } 
} 
+0

私はそれを試してみました。しかし、それは動作しません:((( – pika

+0

)あなたはいつもインターバル関数でそれを妨害しようとすることができます、私はあなたがそれを試してみたい場合は私のjQueryソリューションを編集しました。 – iPzard