jquery 사용자 정의 스크롤바 플러그인을 사용하려고합니다.jQuery 사용자 정의 스크롤바가 작동하지 않습니다.
내 HTML :
<body>
<div style="height:10000px"></div>
</body>
자바 스크립트 :
$("document").ready(function(){
$("body").customScrollbar();
});
네, JQuery와의 JS 및 CSS 파일을 링크. 페이지를로드 할 때 비어 있습니다. javascript가 없으면 괜찮습니다. 플러그인은 여기에서 찾을 수 있습니다 : 당신은 body에 피부를 설정해야 http://plugins.jquery.com/custom-scrollbar/
및 픽셀 width 및 height을 설정합니다. 본문에서 너비와 높이를 설정 한 경우 백분율 또는 CSS3 calc 사용이 작동하지 않습니다. 더 나은 결과를 얻으려면 CSS를 수정해야 할 것입니다.
<head>
<style type="text/css">
body{
width: 200px;
height: 200px;
}
</style>
</head>
<body class="modern-skin">
<div style="height:10000px">asdf SAS</div>
<script>
$(window).load(function(){
$("body").customScrollbar({updateOnWindowResize:true});
});
</script>
</body>
보세요! 그것은 단지 반창고 일뿐입니다.
더 나은 솔루션이 필요한 경우 plugin website에서이 예를 구현하는 것이 좋습니다. 다음은 스크롤바를 창 크기로 조정하는 방법의 예입니다.
콘솔을보고 오류 메시지가 표시되는지 확인할 수 있습니까? – DasBeasto
정확하게 무엇이 명확한 지 명확히하지 않음 _ "작동하지 않음"_ – hindmost
div에 아무것도 넣지 않은 것처럼 페이지가 비어 있고 공백이 아닙니다. "inspect elemtn"에서 몸체의 높이는 "0"입니다. 콘솔에 오류가 없습니다. – Marcel