下面的代码应该可以触发窗格和滑块以根据
nanoscroller documentation适当的显示css属性.但是,在浏览器中执行某些操作之前,滚动条不会显示滑块,例如按F12启动firebug或右键单击元素里面检查一下什么可能会出错?
$(".nano").nanoScroller({ alwaysVisible: true,scroll: "bottom" });
解决方法
至少在v0.7.4版本上,如果您使用参数调用nanoScroller(),插件的初始化可能会失败,首先是动态内容.
如果您使用$(‘#yourDiv’).animate()确保在动画完成时对nanoScroller()的调用完成.同样的,如果你使用$.getJSON(),请在正确提取内容后执行.如果您在两次事件之后都使用animate()和getJSON())调用nanoScroller(),因为它不知道哪个进程将首先完成,并且几次调用nanoScroller()将不会破坏任何内容.
这里的解决方法是:首先调用nanoScroller(),没有参数,如果需要参数,再次调用它.
$('.nano').nanoScroller(); $('.nano').nanoScroller({ alwaysVisible: true,scroll: 'top' });