Foundation Navigation von links nach rechts schieben, um

Question

ich mit tis Navigation arbeite >>http://foundation.zurb.com/building-blocks/blocks/foundation-5-top-bar.html

ich es will, wenn die Hamburger Menü zeigt und Sie klicken Sie darauf gleitet von links verhalten rechts anstelle von oben nach unten, wie es zur Zeit ist und die Breite des Menüs machen die

siehe Screenshot im Wesentlichen die Hälfte der Art und Weise zeigt sich, wenn Sie darauf klicken, wird der Hintergrund dunkel und dann kommt es von links (NICHT aUS CANVAS)

kann jeder Hilf mir

Danke

Answer 1

Was Sie suchen, ist bereits in der Stiftung enthalten und es heißt "Off-Canvas". Im Folgenden finden Sie die Dokumentationen Links und ein Beispiel dafür, was Sie tun müssen, wenn Sie ZURB 6.

ZURB 5 verwenden - http://foundation.zurb.com/sites/docs/v/5.5.3/components/offcanvas.html

ZURB 6-http://foundation.zurb.com/sites/docs/off-canvas.html

Off Leinwand Menü und Website-Inhalte.

<div class="off-canvas-wrapper"> 
    <div class="off-canvas position-left" id="offCanvas" data-off-canvas> 
     <!-- Your menu or Off-canvas content goes here --> 
    </div> 
    <div class="off-canvas-content" data-off-canvas-content> 
     <!-- Your page content lives here --> 
    </div> 
</div> 

Aus dem Canvas-Menü Auslöser.

Optionaler Schließen-Knopf für den Einsatz im Offcanvas-Menü.

<button class="close-button" aria-label="Close menu" type="button" data-close> 
    <span aria-hidden="true">&times;</span> 
</button>