我正在尝试使用 jquery 自定义滚动条插件。
我的 html:
<body>
<div style="height:10000px"></div>
</body>
JavaScript:
$("document").ready(function(){
$("body").customScrollbar();
});
是的,我链接了 jquery、js 和 css 文件。 当我加载页面时,它是空白的。没有javascript,没关系。 该插件可以在这里找到: http://plugins.jquery.com/custom-scrollbar/
最佳答案
您需要在body
中设置皮肤,并以像素为单位设置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 的这个示例.下面是如何根据窗口大小调整滚动条的示例。
关于javascript - jQuery 自定义滚动条不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24765464/