Ich möchte einen Effekt für die Navigation erstellen (Beispiel:). Ich möchte die Navigation jedes Mal, wenn ich die Seite am unteren Rand des Bildschirms aktualisieren, und wenn es nach unten scrollt, um nach oben zu bleiben. Irgendwelche Vorschläge bitte?HTML-Navigation auf der Unterseite des Bildschirms und bleiben Sie nach oben
Antwort
Befestigen an dem Scroll-Ereignisse einen Ereignis-Listener, und wenn die Bildlaufposition größer als die gewünschten Position ist, um eine Klasse zu dem nav Elemente hinzuzufügen, die zu position
fixed
und top
zu 0
es setzt.
Ihre Antwort funktioniert nur für eine einzelne Auflösung, wenn der Bildschirm seine Größe geändert hat die gediehene Position ändert. Also ich möchte es dynamisch herausfinden, wann das festgelegte Attribut der Position gesetzt wird. –
Nein. Ihre Logik funktioniert nur für eine einzige Auflösung. Anstatt einen bestimmten Wert als Triggerpunkt fest zu codieren, verwenden Sie eine dynamische Position, z. B. die Höhe des Ansichtsfensters minus der äußeren Höhe der Navigationsleiste. Dieser Wert muss jedes Mal berechnet werden, wenn das Bildlaufereignis aufgerufen wird (oder nur während der Orientierungsänderung/Größenänderung/Ereignisse laden). – Quantastical
theme.co Website, ein Ereignis zuordnen Ereignis blättern, und o Entfernen CSS-Klasse (http://theme.co/x/wp-content/themes/x-child-custom/framework/js/x-custom.js) hinzufügen:
$window.scroll(function() {
var $menutop = $navbarWrap.offset().top - $navbar.outerHeight();
var $current = $this.scrollTop();
if ($current >= $menutop) {
$navbar.addClass('x-navbar-fixed-top');
} else {
$navbar.removeClass('x-navbar-fixed-top');
}
});
- 1. Android Actionbar Tabs auf der Unterseite des Bildschirms
- 2. Stick Div auf der Unterseite des Bildschirms, bis der Inhalt länger wird
- 3. hinzufügen Komponente in der Unterseite des Android-Bildschirms
- 4. iOS ImageView nicht Bildschirm ausfüllen und Button nicht auf der Unterseite des Bildschirms
- 5. bleiben oben auf der Seite auf Anker #link
- 6. Wie scrolle ich automatisch eine Seite nach oben, wenn .slideDown von der Unterseite des Browsers geht?
- 7. Wie kann ich eine Ansicht auf Android von der Unterseite eines Bildschirms "rutschen"?
- 8. Position Knopf auf der Unterseite des Bildschirms relativ zu seinem Bild
- 9. Div auf der Unterseite der Fancybox Popup
- 10. CSS Position Modell Link% nach oben von der Unterseite des Bildes innerhalb div
- 11. ausblenden Linearlayout in der Unterseite des Bildschirms während der Listenansicht scrollen
- 12. Erhöhung der Größe des Grafikrechtecks nach oben
- 13. Wie kann Google-Karte ziehbar gemacht werden und Marker in der Mitte des Bildschirms bleiben?
- 14. Display-Seitenlänge an der Unterseite des Tisches
- 15. CSS: kleben Sie einen Link an der Unterseite des div
- 16. Bleiben Sie auf der aktuellen Seite nach dem POST
- 17. DIV An der Unterseite des Viewports angehängt
- 18. Put appbarLayout am unteren Rand des Bildschirms
- 19. Layout des Bildschirms bewegt sich nach oben, wenn Tastatur angezeigt wird
- 20. Programmgesteuertes Maximieren des Fensters auf der Hälfte des Bildschirms
- 21. iOS7 Startbildschirm (Begrüßungsbildschirm) Lassen Sie ein Leerzeichen auf der Unterseite
- 22. Footer wird nicht auf der Unterseite bleiben, wenn ich auf die Ask-Seite gehe
- 23. Android: Wie zum Ausrichten der Schaltfläche an der Unterseite und über der Tastatur, wenn es oben ist?
- 24. Wie md-action-buttons machen, um auf der unterseite der md-karte zu bleiben?
- 25. Video auf einem Teil des Bildschirms wiedergeben
- 26. innerhalb divs bewegen auf die Minimierung der Breite des Bildschirms
- 27. Machen Sie unten von UITableview mit der Tastatur nach oben
- 28. bleiben Klasse nach der Aktualisierung
- 29. Das Element vom Ziehen des Bildschirms auf dem Mobilgerät abweisen
- 30. Tooltip nicht auf der Unterseite
Willkommen bei Stackoverflow. Sie wissen es wahrscheinlich nicht, aber das ist kein Code-Schreibdienst. Bitte fügen Sie einen Code ein, um Ihr Problem neu zu erstellen. http://StackOverflow.com/Help/Mcve – Aaron