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 
}