1
我使用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有類似的問題,但我不明白它是如何解決的。
您是否嘗試過修改容器的CSS?也許加入'height:auto;最大高度:165px'可以解決這個問題。 –
是的,這是正確的做法! – softwareplay
很高興聽到這個!然後我會用這個解決方案發布答案! –