制作基金会Zurb非帆布侧边栏选项向右滑动而不是向左滑动
问题描述:
有谁知道如何切换基金会Zurb的非帆布侧边栏菜单选项的功能以向右滑动而不是向左滑动?制作基金会Zurb非帆布侧边栏选项向右滑动而不是向左滑动
注意:您必须缩小屏幕以查看响应功能。
http://www.zurb.com/playground/playground/off-canvas/offcanvas-4.html
我试图切换的CSS,使剩下的一切现在是正确的,但并没有完全工作。这里的例子: http://josephsjoblom.com/offcanvas/offcanvas-4-alt.html
有人可以帮我找出问题吗?
答
变化offcanvas_right.css:30
[role="complementary"] {
margin-right: -200%;
,而不是
[role="complementary"] {
margin-left: -100%;
答
试试这个:
<div class="off-canvas-wrap">
<div class="inner-wrap">
<nav class="tab-bar">
<section class="right-small">
<a class="right-off-canvas-toggle menu-icon" ><span></span></a>
</section>
</nav>
<aside class="right-off-canvas-menu">
<ul class="off-canvas-list">
<li><label>Users</label></li>
<li><a href="#">Hari Seldon</a></li>
...
</ul>
</aside>
<section class="main-section">
<!-- Main content goes here -->
</section>
来自文档:http://foundation.zurb.com/docs/components/offcanvas.html