Usando o Bootstrap, tenho uma coluna de grade classe="col-lg-3" que quero colocar em posição:fixa enquanto o outro .col-lg-9 está em posição normal (scroll-able através da página).
<div class="row">
<div class="col-lg-3">
Fixed content
</div>
<div class="col-lg-9">
Normal scrollable content
</div>
</div>
Tal como a coluna da esquerda em LifeHacker.com Verá que a parte esquerda é fixa, no entanto, eu percorro a página.
Eu uso o bootstrap v3.1.1
<div class="row">
<div class="col-lg-3">
<div class="affix">
fixed position
</div>
</div>
<div class="col-lg-9">
Normal data enter code here
</div>
</div>
iterating over Ihab's answer, just using position:fixed
and bootstraps col-offset
you don't need to be specific on the width.
<div class="row">
<div class="col-lg-3" style="position:fixed">
Fixed content
</div>
<div class="col-lg-9 col-lg-offset-3">
Normal scrollable content
</div>
</div>
Seguindo a solução aqui [
][1],<div class="row">
<div class="col-lg-3 fixed">
Fixed content
</div>
<div class="col-lg-9 scrollit">
Normal scrollable content
</div>
</div>
Modifiquei alguns css para funcionar perfeitamente:
.fixed {
position: fixed;
width: 25%;
}
.scrollit {
float: left;
width: 71%
}
Obrigado @Lowkase por partilhar a solução.