div가 매개 변수 숨김을 표시 할 때 jQuery 사용자 정의 컨텐츠 스크롤러가 표시되지 않습니다.

Question

div의 내 웹 사이트에 jQuery 사용자 정의 컨텐츠 스크롤러가 있습니다. div 콘텐츠의 매개 변수는 ("#content").hide()입니다. div은 페이지가로드되고 jQuery 사용자 정의 컨텐츠 스크롤러가 완벽하게 작동 할 때 표시됩니다.

그러나 페이지가로드 될 때 div 내용이 표시되지 않으면 jQuery 사용자 정의 컨텐츠 스크롤러가 표시되지 않고 작동하지 않습니다. 창을 축소하거나 확대하면 스크롤러가 표시됩니다. 이 URL에 대한 작은 예가 있습니다 : http://www.frantatoulen.wz.cz/

어디에 문제가있을 수 있습니까?

Answer 1

문제는 #content가 숨겨져있을 때 플러그인 스크립트가 콘텐츠 길이를 계산할 수 없다는 것입니다 (숨겨진 요소의 크기가 0 임). 따라서 스크립트는 콘텐츠에 스크롤바가 필요 없다고 가정합니다.

솔루션 A :

당신은 당신의 콘텐츠를 전환 후 플러그인의 갱신 메소드를 호출 할 필요가와 (플러그인 홈페이지 방법 및 매개 변수를 사용하는 방법에 대한 정보와 예제가) 표시됩니다. 당신의 클릭 기능 내부 끝에 다음을 추가

$("#tlacitko").click(function(){ 
    $("#content").toggle(); 
    $("#content").mCustomScrollbar("update"); 
}); 

참고 : 스크롤 바는 작업을 수행은 창 크기 조정 이벤트로 update 메소드를 자동으로 호출하기 때문에 브라우저 크기를 조정할 때.

솔루션 B는 :

당신은 단순히 사실에 updateOnContentResize 옵션 매개 변수를 설정할 수 있습니다.

$("#content").mCustomScrollbar({ 
    advanced:{ 
     updateOnContentResize:true 
    } 
});