jQuery的滾輪與引導

Question

我使用的引導框架，如果你單擊該選項卡1與內容股利將在那裏上使用此插件的DIV滾動條http://manos.malihu.gr/jquery-custom-content-scroller/

。但問題是它不會顯示滾動條，如果你最小化屏幕，滾動條會顯示。

的jQuery：

$(window).load(function(){ 
    $("#content_1").mCustomScrollbar({ 
     scrollButtons:{ 
     enable:true 
    } 
}); 

任何想法滾動條怎麼會在負載活躍？

Answer 1

我沒有使用過該插件，但滾動條的一個常見問題是沒有設置高度或內容的元素來設置足夠的高度來顯示滾動條。閱讀他們的文檔，他們提到以下內容：

「您的.content元素（或任何其他元素，你附加自定義滾動條）應該有一個典型的溢出塊的樣式，例如高度（或max-高度）值，溢出：自動（或隱藏），其內容應足夠長，以便需要滾動條。「

喜歡的東西：

測試CSS：

#content_1 { 
    width:auto; 
    height:100%; 
    overflow:hidden; 
    } 

HTML：

<div id="content_1"> 
    <p>Content Here....</p> 
</div> 

Answer 2

可能是問題是 一些瀏覽器，如Chrome瀏覽器& FF沒有顯示滾動條，如果它不是必要或不需要顯示它 即內容完全匹配或小於窗口大小。 你可以嘗試 如果最大化你的窗口，減少它的大小，直到有需要滾動 嘗試另一個瀏覽器

Answer 3

有很多，你可以玩高級選項，嘗試啓用/禁用它們，直到你得到你想要的，其中之一是

advanced: { 
    updateOnContentResize: Boolean 
}