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

Question

在输入表单中有一个 link 到弹出窗口 window 以选择主题类别。弹出 window （模态）是一个很长的列表，但它没有滚动。如果我试图滚动，那么输入表单正在滚动，而不是弹出窗口 window。弹出 window 与输入表单一起向上移动。我希望弹出窗口 window 滚动，以便我可以浏览 'subject categories' 到 select 的列表。我正在尝试修改此开源软件代码以供本地使用。

    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
}

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

Background page is scrolling but not the popup Modal

popup

categories

dspace

vocabulary

subject