我正在尝试从此布局http://tympanus.net/codrops/2012/12/11/fullscreen-pageflip-layout/ 获取滑动菜单，以便在访问网站时默认显示。事实上，我们的一些客户可能不明白如何显示菜单。我通常不使用 JavaScript，但我假设这是修复它的方法...... 我已经尝试了我能想到的一切，但我一定错过了一些东西。任何帮助将不胜感激！
谢谢
【问题讨论】：
标签： javascript menu hidden slide visible
我检查了 codrops 上的示例
他们似乎通过给容器一个left: 240px; 属性来显示菜单
#container {
left: 240px;
}
应该使菜单在页面加载时可见。
或给容器.slideRight 类，这样插件功能保持不变，这意味着菜单仍然可以关闭。
第一种解决方法是固定在打开位置。
最适合你的;)
【讨论】：
.container { position: relative; **left: 240px;** -webkit-transition: left 0.3s ease-in-out; -o-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; } .slideRight { **left: 0px;** } 唯一的问题是链接不现在不行！有谁知道那里可能有什么问题？同样，这是正在进行的site 谢谢！
Anchors。 #标签。这是旧的本机浏览器功能，可将页面滚动到具有该 id 的元素。如果您希望链接转到实际页面，只需将页面源中的 href 属性更改为您要链接的任何页面。
由于 Javascript 不是你的专长，我将不再解释。这是最简单的解决方案：该演示页面使用<span>在单击时触发侧面菜单，因此您可以在页面加载完成时简单地模拟单击。
将此代码放在 JS 代码的底部，确保它在页面加载时运行，并将 ID 更改为触发元素。
$('#tblcontents').trigger('click');
如果您不想接触 JS 代码，请将 slideRight 类和属性 data-open="true" 添加到您的侧菜单容器中，这也可以。
【讨论】：