如何将`slimscroll`整合到`Bootstrap`模式？

Question

我正在使用Bootstrap模式，我正在尝试集成slimscroll插件。但它没有用。

这是我的代码：

$("#refinequery").on('show.bs.modal', function (e) {

                var form = $(this).find('form');

                that.locationDetails(form, that.formInfo.disciplineProperties);
                that.queryDetails(form, that.bodyDetails );

                $('.modal-dialog').css({
                    height : $( window ).height()*1,
                    "overflow-y":'auto'
                });

            }).on('shown.bs.modal', function () {
                $(this).slimscroll({}); //not working properly all are collapsed!
            }).modal();

Answer 1

您需要在初始化之前销毁模态对slimScroll的任何现有关系。以下内容适用于您的CodePen示例。

$("#myModal").on('show.bs.modal', function() {
  $('#myModal .modal-body')
    .slimscroll({ destroy: true })
    .slimscroll({ height: '500px' })
    .text(text);
});