将菜单从隐藏更改为可见

-1

我试图从此布局http://tympanus.net/codrops/2012/12/11/fullscreen-pageflip-layout/的滑动菜单默认显示在网站上。事实上，我们的一些客户可能不了解如何显示菜单。我通常不使用JavaScript，但我认为这是解决它的方法... 我试过了我能想到的所有东西，但我必须错过一些东西。任何帮助将不胜感激！将菜单从隐藏更改为可见

感谢

来源

2014-03-24 rubyroux

你试图解决什么问题？想要默认显示菜单吗？ – nightire

哪里是“滑动菜单”有 – nils

我查了codrops

的例子看来，他们通过给容器left: 240px;财产

#container { 
    left: 240px; 
}

应该在页面加载菜单可见显示菜单。

或给容器.slideRight类，使插件功能保持不变，这意味着菜单仍然可关闭。

第一种解决方案意味着其固定在打开位置。

无论最适合你;）

来源

2014-03-24 17:09:04

嗨，我不能让它与你的建议的工作，但我这样做和滑动功能现在工作我怎么想它： '.container { \t位置：相对的; \t ** left：240px; ** \t -webkit-transition：left 0.3s ease-in-out; \t -o-transition：左0.3s缓出; \t过渡：左0.3s缓出; } .slideRight { \t **左：0像素; ** }' 唯一的问题是，该链接现在还没有工作！有人知道那里可能有什么问题吗？再次，这里是在过程[网站]（http://brdprinting.com/NewES/index.html）谢谢！ – rubyroux

我在您的网站上看到链接指向'Anchors'。＃哈希标签。这是旧的本地浏览器功能，可将页面滚动到具有该ID的元素。如果您希望链接转到实际页面，只需将页面源代码中的href属性更改为您要链接的任何页面。 –

由于JavaScript是不是你的专长，我将削减解释。这是最简单的解决方案：该演示页面使用<span>在点击它时触发侧边菜单，因此您可以在页面加载完成时简单地模拟点击。

把这段代码放在你的JS代码的底部，确保它在加载页面时运行，并将ID更改为触发器元素。

$('#tblcontents').trigger('click');

如果你不想碰JS代码，添加slideRight类，并添加属性data-open="true"你身边菜单的容器，这会擦出火花。

来源

2014-03-24 17:10:19 nightire

感谢您的回答。我试图添加JS代码（到HTML），它似乎工作，除了你不能关闭菜单了，而非菜单链接工作...我不知道如果我写错误的JS或如果我现在需要添加其他东西。这是进行中的网站：[link]（http://brdprinting.com/NewES/index.html） – rubyroux

将菜单从隐藏更改为可见

回答

相关问题