1

Foundation Zurb の Off-Canvas Sidebar メニュー オプションの機能を、左ではなく右にスライドするように切り替える方法を知っている人はいますか?

注: レスポンシブ機能を表示するには、画面を縮小する必要があります。

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

CSSを切り替えてみたので、残っていたものはすべて正しいものになりましたが、完全には機能しませんでした。例を次に示します: http://josephsjoblom.com/offcanvas/offcanvas-4-alt.html

誰かが問題を解決するのを手伝ってくれますか?

4

2 に答える 2

0

これを試して：

<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

于 2013-11-27T02:59:04.883 に答える
0

offcanvas_right.css:30 の変更

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

それ以外の

[role="complementary"] {
margin-left: -100%;
于 2013-10-11T14:43:51.357 に答える