制作基金会Zurb非帆布侧边栏选项向右滑动而不是向左滑动

Question

有谁知道如何切换基金会Zurb的非帆布侧边栏菜单选项的功能以向右滑动而不是向左滑动？

注意：您必须缩小屏幕以查看响应功能。

http://www.zurb.com/playground/playground/off-canvas/offcanvas-4.html

我试图切换的CSS，使剩下的一切现在是正确的，但并没有完全工作。这里的例子： http://josephsjoblom.com/offcanvas/offcanvas-4-alt.html

有人可以帮我找出问题吗？

Answer 1

变化offcanvas_right.css：30

[role="complementary"] { 
margin-right: -200%; 

，而不是

[role="complementary"] { 
margin-left: -100%; 

Answer 2

试试这个：

<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