Sblocca l'affisso di bootstrap di Twitter su scroll

Question

Sto utilizzando l'affisso di Twitter di bootstrap su una barra laterale, su un layout di sito Web tradizionale (intestazione -contenitori e sidebar -pagina).

Su un determinato punto di scorrimento, desidero che si sblocchi dalla pagina e torni alla sua posizione originale: statica, quindi non si sovrappone al piè di pagina. Stavo cercando di giocherellare solo con CSS, ma dal momento che il .affix imposta la posizione dell'elemento come fissa, incasina l'altezza della barra laterale.

Sto pensando che abbia qualcosa a che fare con JS, forse rimuovendo la classe affix. Qualche soluzione/suggerimento?

Answer 1

Usa data-offset-bottom proprietà per questo scopo:

<div class="sidebar" data-spy="affix" data-offset-top="50" data-offset-bottom="300"> 
    Sidebar 
</div> 

Ecco l'esempio: http://jsfiddle.net/NwwKQ/120/