jquery jScrollPane太小視圖

我使用jQuery插件jScrollPane有一些問題。目前它有一個奇怪的行爲。它只是不讀取包含表格的整個高度。在HTML stucture如下：jquery jScrollPane太小視圖

<div id="container-of-the-table"> 
<table></table> 
</div>

的JavaScript如下：

setupScrollPane('#container-of-the-table'); 

function setupScrollPane(el, options) { 
    var id = (el instanceof jQuery) ? el.attr("id") : el.substring(1); 
    api = $(el).jScrollPane({ 
     horizontalGutter: 6, 
     verticalGutter: 6, 
     mouseWheelSpeed: 50 
    }).data("jsp"); 
    scrollPaneApi[id] = api; 

    if (undefined != options){ 
     if (undefined != options.scrollToX){ 
      api.scrollToX (options.scrollToX); 
     } 
     if (undefined != options.scrollToY){ 
      api.scrollToY (options.scrollToY); 
     } 
    } 
}

的CSS如下：

table { 
    display: block; 
    height: 165px; 
    width: 1080px; 
} 
#container-of-the-table{ 
    overflow:auto; 
}

表的內容超過1000像素，但顯示的內容（在右邊的css中插件的最小滾動條）小於200像素。

該插件似乎工作，但它並沒有讓我滾動只有表的一小部分。

我發現一個forum post有類似的問題，但我不明白它是如何解決的。

來源

2015-04-28 softwareplay

您是否嘗試過修改容器的CSS？也許加入'height：auto;最大高度：165px'可以解決這個問題。 –

是的，這是正確的做法！ – softwareplay

很高興聽到這個！然後我會用這個解決方案發布答案！ –

顯然要解決這個問題，你必須修改#container-of-the-table的css。這是正確的代碼：

#container-of-the-table{ 
    overflow:auto; 
    max-height: 165px; 
    height: auto; 
}

我很高興我的回答很有幫助！

來源

2015-04-29 15:08:16

jquery jScrollPane太小視圖

回答

相關問題