Backgroud页面正在滚动，但不是弹出窗口Modal

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 
}