在iPad上自动向右滚动网站（隐藏左侧菜单）

Question

我们的网站左侧有一个200px的菜单非常有用，但在像iPad这样的小型设备上占用太多空间。所以最好自动将网站200px水平滚动到iPad的右侧。

我尝试了使用@media (max-width: ????px) { .. } CSS并隐藏/显示菜单并使用按钮显示菜单的类似解决方案，但这并不优雅。也许在jQuery中有一个更简单的解决方案？

更清楚：我想要菜单一直可以访问，所以如果我想使用它，我可以简单地滚动到左边，但在任何其他情况下它不会'填满我的屏幕。

非常感谢你的帮助， 约什

Answer 1

故事的道德是你不能使用CSS移动200px的网页。您可以使用javascript媒体查询解决方案并执行此操作。但是，这实际上是毫无意义的，因为实际上你只是试图隐藏菜单，并且会有一段时间显示菜单然后页面移位会很糟糕。

因此，请使用CSS媒体查询并隐藏菜单。

Answer 2

如果设备宽度介于768和1024px之间，则以下内容将隐藏#menu div（iPad尺寸，根据我的source）

@media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) {

  #menu {
    display: none;
  }

}

Answer 3

我找到了以下似乎有效的jQuery代码：

  $(document).ready(function() {
     window.scrollTo(228,0);
  });