jquery - 漂亮的滚动处理程序在 chrome 的引导模式弹出窗口中偏离了它们的位置

Question

我在 chrome 浏览器的 bootstrap 3 模式弹出窗口中遇到 jquery nicescroll 问题。请检查所附图片。

当模态框第一次打开时，滚动处理程序会离开它们的位置(屏幕截图中标记为红色的圆圈)，当模态框关闭并重新打开时工作正常。

如果有人能在这方面提供帮助，那就太好了。

截图

Answer 1

为模态主体应用漂亮的滚动选项。它非常适合我。

<style>.modal-body{ height: 400px; }</style>

<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="invoiceModal" class="modal fade">
   <div class="modal-dialog modal-lg" id="invoice_modal_dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
            <h4 class="modal-title">Bill</h4>
         </div>
         <div class="modal-body">
            body content here....
         </div>
      </div>
   </div>
</div>

<script>
   $(".modal-body").niceScroll({styler:"fb",cursorcolor:"#e8403f", cursorwidth: '6', cursorborderradius: '10px', background: '#404040', spacebarenabled:false,  cursorborder: '', zindex: '1000'});
</script>