始终显示niceScroll导轨

Question

我正在使用niceScroll jQuery插件来替换溢出<div>'s中常见的浏览器滚动条。插件运行良好，但我无法让它工作并显示滚动轨始终是(即使内容不超过<div>界限)。我的最后配置是：

$(document).ready(function () {
    $(".div-wrapper").niceScroll({
        cursorcolor: "#333",
        cursoropacitymin: 0.3,
        background: "#bbb",
        cursorborder: "0",
        autohidemode: false,
        cursorminheight: 30
    });
};

我试过解雇$(".div-wrapper").getNiceScroll().show()，但似乎也不起作用。

任何帮助都将不胜感激，谢谢

Answer 1

首先，在末尾有一个省略的括号--这会是您的问题吗？

将自动解码设置为false只意味着当用户停止滚动并在滚动时再次出现时，它不会消失。不幸的是，如果内容没有溢出，这并不意味着它是可见的。

作为一种解决方法，您可以尝试在调用id=ascrail2000 ()之后使用如下方法显式地使用.niceScroll()使元素可见：

$(document).ready(function () {
    $(".div-wrapper").niceScroll({
        cursorcolor: "#333",
        cursoropacitymin: 0.3,
        background: "#bbb",
        cursorborder: "0",
        autohidemode: false,
        cursorminheight: 30
    });
    $('#ascrail2000').show();
});

在最后一行中看到缺少的

您可能还需要使它的子元素可见：

    $('#ascrail2000 *').show();

(确保元素的id在您的情况下是ascrail2000 )。

更新:正如veritas所指出的那样，使用更通用的选择器div[id^='ascrail']而不是#ascrail2000可以使它在一个页面上运行多个小数点，因此可以使用JavaScript完成上述操作：

    $("div[id^='ascrail']").show();

或在CSS中：

    div[id^='ascrail'] { display: block; }

或者如果上面的方法不起作用：

    div[id^='ascrail'] { display: block !important; }

这不是最优雅的解决方案，但恐怕这是目前解决这个问题的唯一方法，因为nicescroll插件没有选择该行为的选项。幸运的是，nicescroll是开放源代码和可在GitHub上获得的，因此您可以轻松地将其分叉，并在GitHub上添加这样的选项或发布功能请求。

Answer 2

$(".div-wrapper").niceScroll({
    cursorcolor: "#333",
    cursoropacitymin: 0.3,
    background: "#bbb",
    cursorborder: "0",
    autohidemode: false,
    cursorminheight: 30
});

Answer 3

我假设如果内容没有溢出边界框，niceScroll不会做任何事情，这可能是您的问题。请记住，niceScroll不是>$overflow:滚动；.如果不挖掘插件本身，我就不能确定，但我会假设它有一个内置的签入来测试内容是否需要滚动，如果不需要，函数就会悄然退出。