Usando Bootstrap, ho una colonna grid class = “col-lg-3” che voglio posizionarla in posizione: fissa mentre l’altra .col-lg-9 è la posizione normale (scroll-able attraverso la pagina).
Fixed content Normal scrollable content
Allo stesso modo come nella colonna di sinistra in LifeHacker.com Vedrai che la parte sinistra è fissa, ma scorrono attraverso la pagina.
Io uso bootstrap v3.1.1
fixed position Normal data enter code here
Esempio: bootply.com/101100
iterando sulla risposta di Ihab, usando solo la position:fixed
e bootstrap col-offset
non è necessario essere specifici sulla larghezza.
Fixed content Normal scrollable content
Seguendo la soluzione qui http://jsfiddle.net/dRbe4/ ,
Fixed content Normal scrollable content
Ho modificato alcuni css per funzionare perfettamente:
.fixed { position: fixed; width: 25%; } .scrollit { float: left; width: 71% }
Grazie a @Lowkase per condividere la soluzione.
in Bootstrap 3 class="affix"
funziona, ma in Bootstrap 4 no. Ho risolto questo problema in Bootstrap 4 con class="sticky-top"
(usando position: fixed
in CSS ha i suoi problemi)
il codice sarà qualcosa del genere:
Fixed content Normal scrollable content
Usa questo, lavora per me e risolvi i problemi con il piccolo schermo.
fixed position NO fixed position Normal data enter code here
Basta fare questo:
Fixed content // Normal scrollable content