全屏翻页布局

【问题标题】：Fullscreen Pageflip layout全屏翻页布局
【发布时间】：2013-03-25 11:52:40
【问题描述】：

我是 Tympanus 的 Codrops 教程的追随者。

对于朋友网站的 (http://www.selinacarlos.ch/wordpress/)，我想实现脚本 Fullscreen Pageflip 我找到了here。

现在我正在尝试使用背景图像使其成为非全屏。它运行良好，但我不希望菜单在左侧可见并且容器滑过右侧。

我尝试过隐藏溢出，但它会裁剪整个菜单。

如何使用 css 达到预期的效果？我必须向 DOM 添加另一个 div 吗？

【问题讨论】：

【解决方案1】：

我不确定这是你想要的

.js .menu-panel {
    position: absolute;
    left: -240px;
    visibility: hidden;
}

然后在您的 slideRight 类中添加可见性：可见；

【讨论】：

这是一个非常好的解决方案。我添加了可见性：当 .slideRight 出现时对 .menu-panel 可见：.slideRight > .menu-panel{ visibility: visible; } 非常感谢！
如果它符合您的问题，您应该接受正确的答案，以便其他人可以学习，好吗？