Feste Position im responsive design
Bin ich mit dem responsive framework 1140px. In der mobilen version habe ich zum fixieren der position des Logos aber nicht haben, es überschneiden sich die Inhalte zu Blättern. Im Grunde fixieren, aber nicht lösen das Bild auf Blättern, kann dies erreicht werden?
- Durch Ihre definition, die Sie nicht wollen Feste, die Sie wollen absolut.
- Der einzige Weg, der möglich wäre, ist, um Ihre wrapper -
overlflow-y:scroll;
und Körperoverflow: hidden
; dies ist der gleiche Effekt, den Sie sehen auf websites wie themeforest, wenn Sie eine Seite anzeigen, und es sagt, verbergen Rahmen. Bin ich im Recht? - oh, und die Höhe Ihres logo als
margin-top
Ihrer wrapper
Du musst angemeldet sein, um einen Kommentar abzugeben.
Scheint es, dass Sie wollen, ist
position: absolute
mit dem Unterschied, dass absolute-Bilder bewegen sich nicht, während Sie scrollen.http://www.impressivewebs.com/absolute-position-css/
Lohnt es sich einen Blick auf diesen link, um zu sehen, die Unterschiede zwischen relative, absolute und fixe Positionierung:
http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/
Den Sie verwenden möchten
position:absolute
position:fixed
behebt das element auf dem Bildschirm, so wird es nicht zu bewegen, wenn Sie scroll (es ist fest am Fenster).position:absolute
behebt das element basiert auf die nächstenancestor
ist nichtposition:static
, so wird es verschieben, wenn Sie die Seite scrollen (es ist fest auf der Seite).