2013-07-29 107 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