Question

我正在尝试使用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/

Answer 1

您需要在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实施此示例。以下是如何将滚动条调整为窗口大小的示例。

jQuery自定义滚动条不起作用

1 个答案: