0
/* Tiny Scrollbar */
#scrollbar1 { width: 559px; margin: 20px 0 10px; clear: both;}
#scrollbar1 .viewport { width: 500px; height: 1050px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 11px; }
#scrollbar1 .track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:9px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 20px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 20px; }
#scrollbar1 .disable { display: none; }
当我设置.viewport超过700像素,则滚动条不显示。我不明白。
PS。因为我用的是直接从演示中,我没有贴码,但以防万一:
$(document).ready(function(){
$('#scrollbar1').tinyscrollbar({ size: 360 });;
});
好吧,我只是尝试另一个JScrollPane的滚动和同样的事情发生。这里是site,所以你可以看到我正在尝试做什么。现在它不显示其余的内容,如果我将其更改为1050像素,但它将滚动消失。
如果有任何可以让我知道的代码我不知道还有什么要做的。
所以我这样做,但它显示了图像完成的地方,其余的文本已经消失(隐藏).. – Andres 2012-02-16 15:46:57
您的字体颜色设置为白色。检查身体的CSS样式。 – 2012-02-24 06:51:30
是的,因为这是一个iframe,坐在另一个页面的背景是黑暗的,但这不是问题。 – Andres 2012-02-24 19:13:22