如何使幻灯片菜单始终打开

How to keep an slide menu always open?

本文关键字：菜单 何使 幻灯片      更新时间：2023-09-26

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

我希望文本"Flaty"右侧的滑动菜单在您单击它时打开，始终处于打开状态。有什么解决方案吗？

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

谢谢！

从评论中看到您足够熟悉，可以编辑 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;
}

是的，有很多方法可以做到这一点。但是由于您似乎对网站不是很熟悉，因此通过StackOverflow的解决方案太复杂了。如果您想联系，请告诉我，我可以引导您完成此操作。

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

所有这些都可以被覆盖，但这是几个步骤。如果您认识 Web 开发人员，上面的信息应该让他们入门。否则，如果您想联系，请告诉我。

祝你好运！

相关文章：