sticky nav unter dem Breakpoint nicht nach oben fixiert - zurb-foundation

Ich bin ziemlich neu in der Foundation und habe überall nach dieser Antwort gesucht, konnte sie aber nicht finden.

Versuchen Sie, eine Seite mit einer Navigation zu erstellen, die auf halber Seite beginnt. Beim Scrollen bleibt die Navigation oben. Das ist einfach und funktioniert wie ein Charme ..

Aber wenn Sie auf die Seite mit einer kleineren Bildschirmgröße gehen, möchte ich, dass das "mobile" Menü oben fixiert wird und nicht nur um die Seite herumschwebt.

Das Div, das ich um mich herum habe, ist:

<div class="contain-to-grid sticky">

Hoffe, dass jemand weiß, wie ich das schaffen kann.

Antworten:

0 für die Antwort № 1

Einige Optionen, Sie könnten einfach eine Medienabfrage für kleine Bildschirme verwenden, etwa:

@media only screen and (max-width: 40em) {
.sticky {
position: fixed !important;
top: 0px !important;
}
}

Oder Sie können Magellan (oder die von Ihnen verwendete Methode) nur bedingt laden, wenn die Bildschirmgröße groß genug ist, z.

if($(window).width() > 670){
// init sticky nav stuff here
}

Verwandte Fragen