Foundation 6 klebrige Menüsprünge und unten auf Mobile verankert - zurb-foundation, klebrig, zurb-foundation-6

Ich habe ein klebriges Responsive Menu gemacht und auf dem Handy springt es automatisch und bleibt am Boden. Die Klasse des Navigationselements ändert sich in .is-verankert .is-at-bottom

Hier ist ein Beispielcode aus dem Menü:

   <div data-sticky-container>
<header class="sticky" data-sticky data-options="marginTop:0;" data-sticky-on="medium" data-check-every=0  >
<div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="medium">
<button type="button" class="menu-icon dark" data-toggle></button>
<div class="title-bar-title">Menu</div>

...

Menü funktioniert gut auf großen, aber auf mobilen und kleinen Bildschirmen springt es und verankert am Boden.

Wie kann ich das verhindern?

Beispiel von der Site

Antworten:

0 für die Antwort № 1

Doppelte Ausgabe von:

Mobile-Suchleiste der Foundation 6 auf Android-Basis

Für eine Erklärung, die minimale Breakpoint-GrößeFür Foundation "s klebrig, ist bei" mittel ", so kleine Bildschirme werden nicht klebrig sein, es sei denn, Sie geben sonst absichtlich den minimalen Breakpoint an. (Wie in der oben verlinkten Ausgabe gesehen).