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

【问题标题】：Making Foundation Zurb Off-Canvas Sidebar option slide right instead of left使 Foundation Zurb Off-Canvas 侧边栏选项向右滑动而不是向左滑动
【发布时间】：2013-03-15 19:20:50
【问题描述】：

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

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

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

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

谁能帮我解决这个问题？

【问题讨论】：

标签： jquery zurb-foundation

【解决方案1】：

offcanvas_right.css:30 中的更改

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

而不是

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

【讨论】：

【解决方案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

【讨论】：