tinyscrollbar不會出現

我很困惑，我想和插件tinyscrollbar一個工具，我想要的「高度」視口的是「100％」，但如果我更改CSS則內容不出現，可以你給我另一個解決方案？tinyscrollbar不會出現

這tinyscrollbar的默認代碼，但我改變視口的「高度」：

#scrollbar1 { 
width: 520px; 
margin: 20px 0 10px; } 
#scrollbar1 .viewport { 
width: 500px; 
height: 100%; 
overflow: hidden; 
position: relative; } 
#scrollbar1 .overview { 
height:100%; 
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: 15px; 
height:100% } 
#scrollbar1 .track { 
background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; 
height: 100%; 
width:13px; 
position: relative; 
padding: 0 1px; } 
#scrollbar1 .thumb { 
background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; 
height: 20px; width: 25px; 
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: 25px; } 
#scrollbar1 .disable { 
display: none; } 
.noSelect { 
user-select: none; 
-o-user-select: none; 
-moz-user-select: none; 
-khtml-user-select: none; 
-webkit-user-select: none; }

來源

2014-01-05 cold coffe

你想通過設置視口高度達到100％來達到什麼目的？ – Foreever

你不能讓它比例（百分比），你需要爲它的固定值。使用jQuery或類似的東西來確定實際高度，然後將其用作固定像素高度值。這是我能建議的最好的。另外，您可能需要在窗口大小調整時作出反應。

來源

2014-01-05 13:33:31 dkellner

感謝先生，但你可以給我一個例子，對不起先生IM初學者.. –

現在我使用的是移動設備，所以我不能給你任何的代碼示例;但是，你可以谷歌像「設置使用jQuery高度」和「確定使用jQuery 100％的高度」 ...但是，首先你應該嘗試，如果固定的高度確實工作。也許我錯了。 – dkellner

謝謝先生..！我一直在瀏覽，並已獲得解決方案，但當我嘗試更改爲在CSS'固定'的位置，然後滾動條可見，但內容不可見。 –

tinyscrollbar不會出現

回答

相關問題