我正在尝试模拟或找到一个插件，它可以在页面上滑动，从而显示导航菜单，如以下twitter引导模板：
如果调整页面大小，您将在标题行中看到将页面滑动到上方的选项。
我已经浏览了javascript代码，但没有看到这是如何实现的。
我也发现了这个git项目的页面幻灯片，但它幻灯片的整个页面。
你知道这个引导页面是如何为分辨率较小的设备滑出菜单的吗？
它基本上是页面结构和一些css3转换/样式。
<div id="wrap">
<div id="menu" role="navigation"></div>
<div id="main" role="main"></div>
</div>
该页面使用媒体查询根据可用的屏幕属性设置样式，并将样式js菜单应用于html元素：
打开时（缩写）：
@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);
}
在这种情况下，整个#wrap元素正在被转移。
我为一个非常简单/精简的页面版本创建了一个要点，该版本对新浏览器和一些旧浏览器都有基本支持。我没有添加媒体查询支持。可以通过responsdjs等库为旧浏览器添加媒体查询支持。
您可以尝试使用最新jquerymobile（1.3.0）中的then-panel小部件。也许这不是您想要的，但有一些选项可以通过程序实现。http://view.jquerymobile.com/1.3.1/dist/demos/widgets/panels/panel-fixed.html