我试图让我的侧边栏以任何可能的方式从左向右滑动。我还需要它有一个把手,这样人们可以点击它,它会滑出,然后在他们关闭它时完全消失。这是我目前拥有的 HTML 和我的 CSS(如果有影响的话)。我刚开始做设计师,所以我不确定如何处理这个问题。我在网上看了很多,但找不到插件,所以如果有人可以建议一个插件或帮助我编写很棒的代码。
<div class="s-b-menu">
<ul>
<li class="s-b-border"><a href="#"><i class="icon-calendar"></i> Syncro</a></li>
<li class="s-b-border"><a href="#"><i class="icon-file"></i> BoM</a></li>
<li><a href="#"><i class="icon-hdd"></i> Override</a></li>
</ul>
</div>
.s-b-menu ul {
position: absolute;
padding: 8px;
margin-left: 0;
background-color: rgba(182, 182, 182, 0.71);
line-height: 20px;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
}
.s-b-menu ul li {
padding: 4px;
}
.s-b-border {
border-bottom: dotted 1px;
}
.s-b-menu ul li a {
text-decoration: none;
color: #FFF;
display: block;
}
.s-b-menu ul li a:hover {
background: rgba(16, 0, 225, 0.74);
}
.s-b-menu ul li#active {
background: #0ff;
}