背景页面正在滚动，但不是弹出模式答案

【问题标题】：Background page is scrolling but not the popup Modal背景页面正在滚动，但不是弹出模式
【发布时间】：2017-05-19 10:29:34
【问题描述】：

输入表单中有一个指向弹出窗口的链接，用于选择主题类别。弹出窗口（模态）是一个很长的列表，但它没有滚动。如果我尝试滚动，则输入表单正在滚动，而不是弹出窗口。弹出窗口随着输入表单向上移动。我希望弹出窗口滚动，以便我可以通过“主题类别”列表进行选择。我正在尝试修改此开源软件代码以供本地使用。

    function(resultingHtml){
    //retrieve the dialog box
    var $Result = $('<div></div>').html(resultingHtml);
    var mainDialogDivision = $Result.find('div[id^=aspect_submission_ControlledVocabularyTransformer_div_vocabulary_dialog_]');
     $('body').append($(mainDialogDivision[0]));
     var vocabularyDialog = $('div#aspect_submission_ControlledVocabularyTransformer_div_vocabulary_dialog_' + vocabularyIdentifier);
                    vocabularyDialog.dialog({
                        autoOpen: true,
                        overflow: scroll,
                        height: 450,
                        width: 650,
                        modal: true,
                        title: $Result.find('title').html()
                    });

【问题讨论】：

标签： popup categories dspace vocabulary subject

【解决方案1】：

您应该能够使用 CSS 完成此操作。将样式 overflow:auto 添加到主模式元素应该允许您滚动浏览所有主题类别。

您没有提及您使用的是哪个 DSpace 主题，所以我假设您使用的是 Mirage 主题（默认的 DSpace 主题），然后将以下 CSS 添加到主题的 style.css 文件中应该可以解决您的滚动问题：

.ui-dialog.ui-widget.ui-widget-content 
{
    overflow: auto
}

【讨论】：