2013-07-29 71 views
1

我已經設置滾動窗格JS的一個簡單的測試,但不能得到它顯示滾動條:JScrollPane中沒有顯示滾動條

<link rel="stylesheet" href="styles/scrollpane.css" type="text/css" /> 
<script src="http://code.jquery.com/jquery-1.8.2.js"></script> 
<script type="text/javascript" src="scripts/scrollpane.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 

$('.scroll_pane').jScrollPane(); 
}); 
</script> 



<style> 
.scroll_pane { 
     height: 200px; 
     width: 300px; 
     border: 1px solid #000000; 
     font-size:12px; 
     overflow:auto; 
    } 

    </style> 

小提琴在http://jsfiddle.net/v7gyX/

回答

1

這個問題是不是一個而是一些小錯誤。 在您的jsfiddle中,您不會在文檔準備就緒的情況下調用您的滾動窗格,例如,您必須將文本放入標記p中。 我認爲你的CSS必須是編輯,我有做一個新的jsfiddle了一個完整的CSS

這工作得很好:

<div class="scroll-pane"> 
<p> 
text 
</p> 
</div> 

DEMO

附:我已經改變了班級的名字,但它不是那個問題

+0

謝謝...在div中添加p標籤修復了它....文件準備好沒有必要http://jsfiddle.net/v7gyX/ 3 / – IlludiumPu36

1

試試這個它完美的作品。

只需轉到下面提到的jsfilddle鏈接。

<div class="scroll_pane"> 
<p> 

your html text 
</p> 
</div> 

remaing每一件事情是相同

jsfiddle