javascript - ipad portrait 的特定 JS 也在 landscape 中触发

Question

JS

if (screen.width <= 768 && screen.width != 1024) { 
     jQuery('.menu-link').bind("click touchstart", function() {
          if (jQuery('#wrap3').css("left") === "0px"){
              jQuery('#wrap3').animate({"left":"17%"}, 50);
          }
          else {
              jQuery('#wrap3').animate({"left":"0"}, 50)
          }
     });
  }

我原来是这样试的

if (screen.width <= 768)

它在纵向上工作正常，但在不应该的情况下在横向上工作。

我该如何解决这个问题？

它也不能在桌面上运行，这正是我想要的。

旁注 - 这是为不同的移动宽度创建不同的 JS 的常见做法吗？我使用 JS 而不是 CSS3 的原因是因为我尝试做的动画在 ipad 上不起作用。

Answer 1

你能做些检查高度和宽度之类的事情吗？

if (window.innerheight>window.innerWidth)
{
    alert("Landscape Please!");
}

来源:Detect viewport orientation, if orientation is Portrait display alert message advising user of instructions