Php 页面幻灯片，用于使用twitter引导显示左侧菜单

我正在尝试模拟或找到一个插件，它可以将页面滑动到下面的导航菜单上，如下所示：

如果调整页面大小，您将在页眉行中看到将页面滑到上方的选项

我已经浏览了javascript代码，但没有看到这是如何实现的

我还为找到了这个git项目，但它可以滑动整个页面

---

您知道这个引导页面如何为分辨率较小的设备滑出菜单吗？

您可以尝试使用最新jquerymobile（1.3.0）中的then panel小部件。也许这不是你想要的，但是你可以通过编程的方式选择

基本上是页面结构和一些css3转换/样式

<div id="wrap">
    <div id="menu" role="navigation"></div>
    <div id="main" role="main"></div>
</div>

关闭时（缩写）：

在这种情况下，整个#wrap元素将被移动

---

我已经为一个非常重要的页面创建了一个要点，该页面对较新和一些较旧的浏览器都有基本的支持。我没有添加媒体查询支持。可以通过库为旧浏览器添加媒体查询支持，如。

@dcp感谢您提供的信息…现在开始有点意义了这似乎不是一个适合旧浏览器的好解决方案…对吗？对-要支持旧浏览器，您需要使用操纵左/右/等的类，而不是使用转换和，如果动画对这些浏览器很重要，可以使用库，也可以自己实现。您可能还需要检测可用宽度/高度的变化，这取决于您返回的距离。。。或者说这已经足够好了。@Paul-为

@media screen and (max-width: 950px)
    .js-advanced.js-menu #wrap {
        -webkit-transform: translate3d(280px, 0, 0);
    }

@media screen and (max-width: 950px)
    .js-advanced #wrap {
        -webkit-transition: -webkit-transform 500ms ease;
        -webkit-transform: translate3d(0, 0, 0);
    }