在我的网站上:www.industria.be/verkiezingen/infinity/www/
我在屏幕中间制作了一个内容窗格。我正在调用 jScrollPane 来处理有意的溢出。这在主页/团队和日历页面上运行顺利,但是赞助商页面有问题。此赞助商页面包含相同的容器,但这里是填充图像。jScrollPane 函数调用虽然是一样的,但在这里不能正常工作。有时滚动条不会出现或无法滚动到容器底部。
我使用的 jQuery 代码:
$(document).ready(function(){
$('#content').jScrollPane({
scrollbarWidth: 10,
scrollbarMargin: 10,
dragMinHeight: 50,
dragMaxHeight: 100,
showArrows: false
});});
的HTML:
<div id="content">
<h1>Our sponsors:</h1>
<a href="http://www.mydigipass.com/"
target="_blank"><img src="img/myDIGIPASS-logo.png"
alt="" width="650" height="152" class="sponsorbalk"/></a></br>
<a href="http://www.dvs-entertainment.be"
target="_blank"><img src="img/DVS-entertainment.png"
alt="" width="250" height="125" class="sponsor"></a>
<a href="http://winter.skikot.be/"
target="_blank"><img src="img/skikot.png"
alt="" width="284" height="140" class="sponsor"></a>
<a href="http://www.imec.be/"
target="_blank"><img src="img/imec.png"
alt="" width="250" height="172" class="sponsor"></a>
<a href="http://www.poweruser.be/"
target="_blank"><img src="img/poweruser_black.jpg"
alt="" width="400" height="217" class="sponsor"></a>
<a href="http://www.delibere.be/new_design/index.php"
target="_blank"><img src="img/de.png" alt=""
width="225" height="50" class="right sponsor"></a>
<a href="http://www.groept.be/www/"
target="_blank"><img src="img/GroepT.png"
alt="" width="180" height="180" class="left sponsor"></a>
<a href="http://guldendraak.be/"
target="_blank"><img src="img/gulden-draak.png"
alt="" width="106" height="106" class="sponsor"></a>
<div id="sponsors">
<p>We would like to thank all of the above sponsors for their co-operation and support to our team.</p>
</div>
</div>
我希望有人能解释我为什么这不能正常工作。提前致谢。