Question

我正在使用这个tumblr主题： http://flataura.tumblr.com/

我希望点击它时打开的文本“Flaty”右侧的幻灯片菜单始终打开。对此有什么解决方案吗？

以下是该幻灯片的javascript： http://static.tumblr.com/ssdtkch/gT6nanpl7/pageslide.js

谢谢！

Answer 1

是的，有办法做到这一点。但由于您似乎并不熟悉网站，因此通过StackOverflow解决方案过于复杂。如果您想与我联系，请告诉我，我可以向您介绍。

简而言之，＃side元素包含左位，但始终是隐藏的。 #pageslide元素是显示的内容，只要您第一次单击，#side的内容就会被克隆到#pageslide中。然后，jQuery（Javascript）用于为过渡设置动画，为您的整个身体元素引入边距。

所有这些都可以被覆盖，但这是几个步骤。如果您了解Web开发人员，则上述信息应该让他们开始。否则，如果您想与我联系，请与我联系。

祝你好运！

Answer 2

从评论中看到您熟悉编辑CSS。将它添加到CSS的底部，它应显示菜单并隐藏动画显示/隐藏的按钮：

body {
    margin-left: 281px;
}

div#side {
    display: block !important;
    left: 0;
    right: auto;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 1000000;
    overflow-y: scroll;
    width: 280px;
    background-color: rgba(33,63,82, 0.93);
    border-right: 1px solid #213f52;
}

a.open-sidebar.nav-button {
    display: none;
}

如何保持幻灯片菜单始终打开？

2 个答案: