如何为模态窗口内渲染的局部视图添加滚动条

Question

我有以下脚本和标记来在模态弹出窗口内呈现局部视图： -

  $(function () {
        $.ajaxSetup({ cache: false });
        $("a[data-modal]").on("click", function (e) {        
            $('#myModalContent').load(this.href, function () {
                $('#myModal').modal({
                    keyboard: true
                }, 'show');

                bindForm(this);
            });
            return false;
        });


    });
<!-- modal placeholder-->
<div id='myModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='myModalContent'></div>
        </div>
    </div>
</div>

但如果局部视图内容超过一定高度，我可以强制模态窗口显示垂直滚动条吗？

Answer 1

• 在模态窗口上设置 max-height 属性以防止它出现 超过一定高度。
• 然后在模态窗口中设置 overflow-y：auto ，以便在内容超出高度时弹出垂直滚动条。
• 要强制垂直滚动条显示，无论内容是否溢出，请将其设置为溢出-y：滚动。