nicescroll用在弹窗中,滚动窗口出现错位如何解决?

新手上路,请多包涵

我的网页弹窗比较长,需要滚动窗口才能看全整个弹窗,在弹窗内部有多个需要用到nicescroll的地方,如果窗口不滚动,滚动条初始化的时候是正常的,滚动窗口,滚动条就落在上方了,看了下样式,因为是相对于body的top定位,所以滚动窗口时,滚动条是不会跟着一起滚动的.尝试过修改railoffset配置,也把需要美化滚动条的元素设置成绝对定位了,也都无效,下面是我的代码

clipboard.png

js代码:

/*优化滚动条*/
    $('.iCheckContainer .checkbox').niceScroll({
      cursorborder: "none",
      background: "#cdcdcd",
      cursorcolor: "#0bdac6",
      cursoropacitymax: 0.8,
      zindex: 100,
      autohidemode:true
    });

css代码:

.iCheckContainer{
    height: 88px;
}
.iCheckContainer .checkbox{
    height: 88px;
    position: absolute;
    overflow: auto;
}

clipboard.png
滚动了窗口之后原本在圈内的滚动条就错位了

阅读 3k
1 个回答
新手上路,请多包涵

兄弟,这个问题你解决了吗?可以分享一下答案吗

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题