Meine Websitenavigation muss zur rechten Seite des Containers verschoben werden, aber in einer festen Position sein, so dass die Navigation immer dann, wenn die Seite scrollt, auf der rechten 350px von oben ist. Das funktionierte, bis ich position:fixed
bewarb, nachdem das getan hat, ist die Navigation auf der rechten Seite fest. Irgendwelche Ideen, wie ich das Beste aus beiden Welten (rechte Seite und feste Position) haben kann?Floating Nav nach rechts mit einer festen Position?
11
A
Antwort
38
Die Nutzung von position: fixed erfordert die oben/rechts/unten/links CSS Anpassung an Ihr nav-Element an die gewünschte Stelle zu bekommen.
Zum Beispiel:
nav {
right: 0;
top: 50%;
}
oder
nav {
right: 0;
top: 0;
}
-1
Methode X:
Gerade schaffen die erforderliche Teilung innerhalb einer anderen Abteilung.
Geben Sie Position: behoben; Breite: 100%; Eigenschaften zum äußeren div.
geben float: rechts; Eigentum nach innen div.
Da die Float- und Position-Eigenschaften in zwei verschiedene Bereiche unterteilt sind, würde dies wirksam werden. Stellen Sie sicher, dass alle anderen Eigenschaften der beiden Abteilungen identisch sind.
(die äußere div zu verbergen, dessen Alpha-Wert ändern (a) der Farbe auf 0,00 mit HSLA-Code)
Verwandte Themen
- 1. Floating Action Menü nach rechts
- 2. Floating Action Button Position
- 3. Floating-Aktion Schaltfläche unten rechts
- 4. HTML & Bootstrap nav-right richtet Elemente nicht nach rechts aus?
- 5. Zufallsbilder in einer festen Position anzeigen
- 6. ionische Schieberegler Pager Position nach unten rechts
- 7. Lockerung der festen Position Jquery
- 8. PHP alphanumerische ID mit festen Buchstaben Position
- 9. Übergang mit fester Position von rechts nach links
- 10. Move Logo von rechts nach rechts Html CSS
- 11. Position relativ und rechts Eigenschaft
- 12. Floating links/rechts Bild reagiert nicht
- 13. Android - Position ändern Floating Label (Bottom Floating Label) von TextInputLayout?
- 14. IOS So verankern Sie ein UITextField an einer festen Position
- 15. Mysql Reihenfolge nach einer festen Liste
- 16. Position absolute floating outside relative Position in Chrome
- 17. float rechts und links mit fester position mit css
- 18. Horizontal-Center Text in einer festen Position Div
- 19. Scroll Teil der vertikalen innerhalb einer festen Position Header
- 20. Position (nach rechts) von Qt PushButton Popup-Menü setzen
- 21. Floating Header Navigation Problem
- 22. Aktuelle Nav Position ohne Scroll-Linked Positionierung
- 23. Javascript Countdown-Skript von der festen Position
- 24. CSS: Floating div nach rechts verursacht Container div zu volle Bildschirmbreite in IE
- 25. Verschiebung der Tabellenzeilen nach rechts
- 26. rechts nach links SnackBar
- 27. Position absolut rechts - Keine Bildlaufleiste sichtbar
- 28. Wie erstellt man ein Dia-Menü (von rechts nach links/von links nach rechts) mit jQuery
- 29. google Charts vAxis nach rechts
- 30. Rand links mit einer horizontalen Linie nach rechts
[Eine gute Lösung] (http://www.profilepicture.co.uk/sticky- sidebar-jquery-plugin /) und sehr einfach. Benutze es mit 'position: absolute'. – Vucko
Es scheint Vucko Link funktioniert nicht mehr, und das Projekt ist nach https://github.com/p-m-p/jQuery-Stickybox verschoben – Teepeemm