Javascript slimScroll-不';在第二种模式下,它不能很好地工作

Javascript slimScroll-不';在第二种模式下,它不能很好地工作,javascript,slimscroll,Javascript,Slimscroll,我有两个模态(第一个模态关闭,第二个模态打开),第一个模态的代码在模板(gsp)中,第二个模态的代码在查看页面中 我用于关闭第一个和打开第二个的代码是: function openModal(){ if($('.invitePartners').valid()){ $('.invite-contacts-modal').modal('hide') $('.modal-backdrop').remove();

我有两个模态(第一个模态关闭,第二个模态打开),第一个模态的代码在模板(gsp)中,第二个模态的代码在查看页面中

我用于关闭第一个和打开第二个的代码是:

    function openModal(){
        if($('.invitePartners').valid()){
            $('.invite-contacts-modal').modal('hide')
            $('.modal-backdrop').remove();
            $('#mySecModal').modal();
}
第二个模式的html:

<div class="modal fade" id="mySecModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog signup-modal">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title light-green"><g:message code="signup.redesign.invitepartners.modal.title"/></h4>
        </div>
        <div class="modal-body">
            <g:message code="signup.redesign.invitepartners.modaldetails.header"/><br><br>
            <span>${user?.firstname}</span><span> ${user?.lastname} </span><g:message code="signup.redesign.invitepartners.modaldetails.body"/>
        </div>
        <div class="modal-footer">
            <a href="#" class="signup-button back pull-left" data-dismiss="modal"><g:message code="buttons.dontsend"/></a>
            <button name="next" class="signup-button skyblue-btn pull-right pl-pr-36" >${message(code:"buttons.ok")}</button>
        </div>
    </div>
</div>
</div>



${user?.firstname}${user?.lastname} ${消息(代码:“buttons.ok”)}
在第一个模式中,滚动效果良好。 I用户可以滚动第二个模式,直到到达模式的末尾(被剪切)


我使用scrollSlim插件

您希望它有什么行为?滚动将在模式上,而不是在页面本身上