背景页面是滚动但不是弹出模式

Question

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

    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()
                    });

Answer 1

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

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

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