slimscroll滾動條是不可見的

我使用slimscroll插件，但我有一個問題，滾動條是不可見的。slimscroll滾動條是不可見的

我的代碼：

<script type="text/javascript" charset="utf-8"> 
    // JavaScript Document 
    $(document).ready(function() 
    { 
     $("#formActions").slimScroll({ 
      height: '400', 
      color: '#00f', 
      alwaysVisible: true 
     }); 
    }); 
</script>

HTML：

<div class="content" style="height:400px;"> 
<div id="formActions">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tellus diam, gravida sit amet lobortis vel, vehicula in nisl. Mauris commodo tristique adipiscing. Ut ac odio ut leo molestie rhoncus id ac sem. Duis interdum neque ligula, aliquet scelerisque urna tincidunt sit amet. Donec dapibus ultrices velit. Aliquam eleifend pretium neque, in adipiscing tortor malesuada sit amet. Proin mattis erat quis hendrerit sodales. Ut tincidunt consequat lorem, ut sodales purus gravida nec. Morbi mollis dolor quis dapibus lacinia. Nulla ultricies velit ut porta varius. Vestibulum ac egestas lacus. 

Praesent id ultrices felis, ut porttitor nunc. Maecenas quis leo laoreet, laoreet enim eget, euismod libero. Morbi viverra laoreet mollis. Mauris sit amet ultrices sapien. Praesent et malesuada purus, et ornare orci. Mauris accumsan enim tincidunt, eleifend enim vitae, dictum enim. Duis eleifend vehicula metus, vitae eleifend leo imperdiet id. Quisque hendrerit venenatis quam eget egestas. Suspendisse faucibus in sapien sit amet malesuada. Vivamus id neque varius, volutpat velit id, viverra ligula. Duis convallis nisl eu sapien fringilla porta. Curabitur cursus nisl quis tortor porttitor, non volutpat sapien rhoncus. Maecenas tincidunt sem ligula. Duis tellus enim, volutpat sed mollis eu, faucibus sit amet leo. Maecenas volutpat mauris dolor, sed auctor ligula aliquam eget. Proin tincidunt ornare lacus, ac egestas mauris scelerisque sit amet. 

Mauris sit amet diam magna. Sed rhoncus erat ac tortor imperdiet porta. Proin et nulla sed quam posuere pulvinar quis id mi. Vestibulum mollis elementum metus et sagittis. Nunc vel luctus neque. Mauris ac neque orci. Sed suscipit augue quis convallis vulputate. Duis laoreet libero a eros rhoncus, ac congue libero egestas. Mauris ac purus eget urna convallis aliquam a sit amet quam. Mauris mi erat, egestas nec dignissim sed, vulputate sit amet dolor. Pellentesque auctor nibh eget diam rutrum dictum. Praesent porttitor orci ante, ac hendrerit lacus hendrerit vel. Suspendisse sodales est sed ipsum mollis, eget tempus tellus laoreet. Phasellus vehicula congue sem at mattis. Vestibulum in libero tincidunt, tempus odio accumsan, viverra urna. Cras molestie vel sem nec laoreet.</div> 
</div>

當我設置在slimScroll功能的高度上200，將工作，所以它看起來像功能的作品，但滾動條依然不出現。當我在瀏覽器中查看源代碼時，我看到了容器slimScrollDiv。我也看到類slimScrollBar的高度沒有設置。也許這會導致問題。

任何想法？

來源

2013-09-30 Leon van der Veen

對於任何人在那裏有這個問題，你需要通過設置顯示覆蓋.slimScrollBar類：阻止。

例

.slimScrollBar{display:block !important;}

來源

2014-07-11 21:13:37

如果使用的是動態數據，請確保您的DOM與數據填充調用slimScroll函數之前。如果是這樣的情況下，使用的setTimeout爲0

例如：

setTimeout(function() { 
    $("#formActions").slimScroll({ 
     height: '400', 
     color: '#00f', 
     alwaysVisible: true 
    }); 
},0);

來源

2015-01-23 11:02:48

slimscroll滾動條是不可見的

回答

相關問題