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

Question

我们的网站左侧有一个 200 像素的菜单，非常有用，但在 iPad 等较小的设备上占用了太多空间。所以在 iPad 上自动将网站水平向右滚动 200px 会很好。

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

更清楚地说：我希望菜单始终可以访问，所以如果我想使用它，我可以简单地向左滚动，但在任何其他情况下它都不会填满我的屏幕。

非常感谢您的帮助，乔希

score 2 · Accepted Answer

这个故事的寓意是你不能使用 CSS 将网页移动 200 像素。您可以使用 javascript 媒体查询解决方案并执行此操作。但这将毫无意义，因为实际上您只是想隐藏菜单，并且会有一段时间显示菜单，然后页面会发生变化，这将是可怕的。

所以使用 CSS 媒体查询并隐藏菜单。

score 2 · Accepted Answer

如果设备宽度在 768 和 1024px 之间（iPad 尺寸，根据我的来源），以下将隐藏 #menu div

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

  #menu {
    display: none;
  }

}

score 0 · Accepted Answer

我发现下面的 jQuery 代码似乎可以工作：

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

3 回答 3