NanoScroller不会触发自身

Question

根据nanoscroller文档,下面的代码应该能够触发pane和slider适当的displaycss属性.但是,滚动器不会显示直到我在浏览器中执行某些操作,例如按F12以启动firebug或右键单击内部元素以检查它.什么可能出错？slider

        $(".nano").nanoScroller({
        alwaysVisible: true,
        scroll: "bottom"    
    });

Answer 1

看起来至少在版本v0.7.4上,如果nanoScroller()使用参数调用插件的初始化可能会失败,首先是动态内容.

如果您正在使用$('#yourDiv').animate(),请确保nanoScroller()在动画结束时完成调用.如果您正在使用相同$.getJSON()的内容,请在正确获取内容后执行此操作.如果您同时使用这两个事件animate()并在两个事件之后getJSON()调用nanoScroller(),因为不知道哪个进程将首先完成,而多个调用nanoScroller()将不会破坏任何内容.

这里的解决方法是:首先调用nanoScroller()没有参数,如果需要参数,再次调用它.

$('.nano').nanoScroller();
$('.nano').nanoScroller({ alwaysVisible: true, scroll: 'top' });

Answer 2

请务必在所有内容加载完成后触发Nanoscroller；例如，尝试将上面的代码放在页面底部，或者插入一些 JQuery 代码来检查页面是否已完成加载内容。