如何將一個div固定在另一個div內？

Question

我有一組引導程序導航選項卡，這些選項卡內有很好的長信息部分。問題是我們的團隊不希望在如此長的選項卡上擁有所有這些信息，因此我們已經使製表符容器元素具有溢出：滾動屬性。這很好用，但是現在我們被一個不可能長的內聯滾動部分卡住了，並且需要30-40個鼠標滾動才能到達底部。這會使我們失去網站流量。

我知道固定位置的定義相對於瀏覽器窗口是固定的，但我需要一種方法來使用父級div內的引導滾動式導航列表菜單，並且不能橫向在那個div之外。所以我們需要它類似於class =「fixed-to-top」屬性的方式，所以這是一個可用的導航菜單，但無論我們嘗試什麼，似乎固定位置總是回到相對於broswer。

是否有可能做我們正在嘗試做的事情？

Answer 1

下面的代碼不是一個完整的實現，但我希望它給你一個它如何完成的想法。即如果固定div超出其父/容器，則更改位置屬性。

var $nlm = $('#navListMenu'); 
$(window).bind('scroll', function(){ 
    if($nlm.offset().top < $nlm.parent().offset().top) 
     $nlm.css({ position:'absolute', top:0 }); 
    else 
     $nlm.css({ position:'fixed'}); 
}