query.nicescroll页面初始化无滚动条，等到撑开到应该出现滚动条的时候还是不出现

最新推荐文章于 2022-05-27 15:51:46 发布

zhangfeng1133

最新推荐文章于 2022-05-27 15:51:46 发布

阅读量3.5k

点赞数

分类专栏： javascript

javascript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

query.nicescroll页面初始化无滚动条，等到撑开到应该出现滚动条的时候还是不出现，纠结了，请大神

2014-06-26 19:04 叶灬GZ剛 | 浏览 1460 次

编程语言

有使用过jquery.nicescroll滚动条插件的大神吗，特么的公司项目为了滚动条在不同平台下样式统一，愣是要自己定义滚动条的样式，在网上找了好多插件，最后选择了这个nicescroll，这个插件页面加载完成后调用.niceScroll();方法，如果当前页面内容少不足以显示滚动条的时候它不会显示滚动条，但是如果要是有动态添加内容多了的情况下他滚动条也不会出现，找了一天了，没搞清楚什么原因，
比如我默认页面的table是2行，这个时候没有滚动条，但是如果我动态添加到20行了它还是不出现滚动条就是可以看见2行，其余的在页面下方，没有滚动条拉不上来。

2014-06-27 00:15 提问者采纳

我去看了一下这源码,我觉得应该是动态内容原因造成的,插件计算时没考虑内容的动态更新,如果可以的话,请贴你的关键代码出来,或者可以给你一些建议
nicescroll.areaaperta.com/js/jquery.nicescroll.plus.js

追问：

http://areaaperta.com/nicescroll这个是这个插件的官网，那个问题我已经解决了，我之前用嘎的nicescroll版本低，用最新的就没有这个问题了，但是现在又出现了一个心的问题，我用的是bootstrap框架，现在的问题是bootstrap的弹出层上如果我想用这个nicescroll美化滚动条的话怎么实现，直接调用不管用是不是有什么方法，我英文不好，官网上看着太难受。

追答：

Bootstrap弹出层使用静态代码实现,在里面嵌入一个
<div id="wrapperdiv">
然后使用代码
$(document).ready(

  function() { 

    $("#viewportdiv").niceScroll("#wrapperdiv",{cursorcolor:"#00F"});

  }
);
这样应该没问题吧...