Bỏ gắn bó của Twitter bootstrap vào cuộn

Question

Tôi đang sử dụng dấu kết của bootstrap của Twitter trên thanh bên, trên bố cục trang web truyền thống (header -content và sidebar - footer).

Trên một điểm di chuyển nhất định, tôi muốn nó bỏ ghim khỏi trang và trở về vị trí ban đầu của nó: tĩnh, vì vậy nó không chồng lên chân trang. Tôi đã cố gắng để fiddle nó xung quanh chỉ với CSS, nhưng kể từ khi .affix đặt vị trí yếu tố như cố định nó messes lên chiều cao thanh bên.

Tôi nghĩ rằng nó có liên quan đến JS, có thể loại bỏ lớp affix. Bất kỳ giải pháp/đề xuất nào?

Answer 1

Sử dụng data-offset-bottom tài sản cho mục đích này:

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

Dưới đây là ví dụ: http://jsfiddle.net/NwwKQ/120/