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 : 나는 그것이 함수 작품처럼 보이지만 스크롤이 아직되지 않습니다 그래서 일 것이다 (200)에 slimScroll 함수의 높이를 설정

<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>

게재. 브라우저에서 소스 코드를 살펴보면 컨테이너 slimScrollDiv가 표시됩니다. 또한 slimScrollBar 클래스의 높이가 설정되지 않은 것을 볼 수 있습니다. 문제가 원인 일 수 있습니다.

아이디어가 있으십니까? 사람들을위한

출처

2013-09-30 Leon van der Veen

다른 거기에이 문제를 가지고, 당신은 표시를 설정하여 .slimScrollBar 클래스를 재정의해야 :을 차단합니다.

예

.slimScrollBar{display:block !important;}

출처

2014-07-11 21:13:37

동적 데이터를 사용하는 경우, 당신은 slimScroll 함수를 호출하기 전에 DOM이 데이터로 채워되어 있는지 확인하십시오.

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

: 그 경우 인 경우, 예를 들어 0

와의 setTimeout을 사용

출처

2015-01-23 11:02:48

slimscroll 스크롤바가 표시되지 않습니다.

답변

관련 문제