将网站自动滚动到iPad右侧（隐藏左侧菜单）

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

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

为了更清楚：我想的菜单可访问所有的时间，所以如果我想使用它，我可以简单地向左滚动，但在任何其他情况下，它没有填满我的屏幕。

非常感谢帮助，乔希

为什么不使用媒体查询隐藏菜单并显示无？ – Steven

基于你的编辑只是使用JavaScript的scrollTo当页面加载 –

好吧，让我们更容易...停止试图“通过滚动隐藏它”，并用一个按钮隐藏它来取消隐藏它。这就是移动菜单的工作原理。 – Steven

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

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

2012-10-29 14:09:23 Steven

我更新了我的问题，对不起，我以前忘了这个重要信息。 –

下面会隐藏#menu DIV如果设备宽度为768和1,024像素之间（iPad的尺寸，根据我source）

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

    #menu { 
    display: none; 
    } 

}

2012-10-29 14:10:52 Andy

我更新了我的问题，对不起，我以前忘了这个重要信息。 –

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

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

2012-10-29 15:10:12

回答