Question

这是我的代码。我想删除jScrollPane只有Ipad肖像，不需要重新加载页面。请帮帮我

$(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
            }

        });

Answer 1

$（window）.on（＆＃34; orientationchange＆＃34;，function（）{

if (window.innerHeight > window.innerWidth) {

    CallPortraitMail();

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

    CallLandscapeMail();

}

}）;

使用方向更改方法自定义您的代码。

Answer 2

如果您更喜欢JavaScript / jQuery解决方案，这里有一个选项（在jQuery中）：

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

另外，可选，您是否在CSS中尝试了以下内容（使用此代替上面的jQuery）？

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

如何检测Ipad肖像和景观

2 个答案: