jquery - 使 Foundation Zurb Off-Canvas 侧边栏选项向右滑动而不是向左滑动

Question

有谁知道我如何将 Foundation Zurb 的 Off-Canvas 侧边栏菜单选项的功能切换为向右滑动而不是向左滑动？

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

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

我尝试切换 css，所以现在剩下的一切都是正确的，但这并没有完全奏效。这是示例：http: //josephsjoblom.com/offcanvas/offcanvas-4-alt.html

有人可以帮我解决这个问题吗？

Answer 1

尝试这个：

<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

Answer 2

更改 offcanvas_right.css:30

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

代替

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