我需要一个自定义滚动条插件用于个人项目("自定义"我指的是基本惯性效果,自定义图像等).我的选择是mCustomScrollbar.
文档确实非常清楚,我在实现脚本时没有遇到任何问题,但它似乎只有在我调整页面大小时才有效,就好像不需要滚动一样.
实际上,滚动条style="display: hidden"在一个完全加载的页面上,就像在这个问题中一样(但我找不到任何有用的答案).
我相信存在一些height问题slidesjs(我也在使用它),但我找不到它......这里有一些代码:
(这是整个页面,所以你可以用firebug查看代码......只需在"Pulcini"下查看长内容)
<head>
<!-- everything is included -->
<link href="css/style.css" type="text/css" rel="stylesheet" />
<link href="css/jquery.mCustomScrollbar.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/jquery.mCustomScrollbar.js"></script>
<script>
$(function(){
$("#slides").slides({
generatePagination: false,
pagination: true,
paginationClass: 'pagination'
});
});
</script>
<script>
(function($){
$(window).load(function(){
$("#slide2").mCustomScrollbar();
});
})(jQuery);
</script>
</head>
<body>
<div id="slides">
<!-- other stuff -->
<div class="slides_container">
<div id="slide1">
<h2>Uova</h2>
<p>Text1...</p>
</div>
<!-- slide2 is the scrollbar div …Run Code Online (Sandbox Code Playgroud)