Mit Bootstrap, habe ich ein Raster Spalte class="col-lg-3", dass ich es in Position platzieren wollen: fixiert, während die anderen .col-lg-9 ist normale Position (scroll-able durch die Seite).
<div class="row">
<div class="col-lg-3">
Fixed content
</div>
<div class="col-lg-9">
Normal scrollable content
</div>
</div>
Genauso wie die linke Spalte in LifeHacker.com Sie werden sehen, dass der linke Teil fixiert ist, egal wie ich durch die Seite scrolle.
Ich verwende 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 über Ihab ' s Antwort, nur mit Position:fixed
und bootstraps col-offset
Sie don ' t brauchen, um speziell auf die Breite sein.
<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>
In Anlehnung an die Lösung hier [
][1],<div class="row">
<div class="col-lg-3 fixed">
Fixed content
</div>
<div class="col-lg-9 scrollit">
Normal scrollable content
</div>
</div>
Ich änderte einige css, um perfekt zu funktionieren:
.fixed {
position: fixed;
width: 25%;
}
.scrollit {
float: left;
width: 71%
}
Danke @Lowkase für das Teilen der Lösung.