jQuery自定义滚动条不工作

jQuery custom scrollbar not working

本文关键字：工作 滚动条 自定义 jQuery      更新时间：2023-09-26

我正在尝试使用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计算不起作用(如果你在body中设置宽度和高度)。也许你必须修改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>

看!这只是个创可贴。

如果你需要一个更好的解决方案，我建议你从插件网站实现这个例子。下面是一个如何调整滚动条以适应窗口大小的示例。

相关文章：