jquery - 如何使用 simpleModal 插件滚动

Question

我正在使用 simpleModal 插件 http://www.ericmmartin.com/projects/simplemodal/当对话框中的文本太长时，我尝试滚动，但整个页面都在滚动，即使使用 modal:true 也是如此。

所以我看不到对话框的结尾，我尝试定义 maxHeight - 但似乎没有效果。

有什么想法吗？

代码:

 function loadDialog(Code,vrsnNum)
 {
  vrsnNum=vrsnNum-1;
  $.get(
   "/ajaxVerision.asp", 
   {Code: Code,VerisionNum: vrsnNum},
    function(data)
     {
     $(".CrnrPager").html(data);
     }
    );

  $.get(
   "/ajaxVerisionNext.asp", 
   {Code: Code,VerisionNum: vrsnNum},
    function(data)
      {
      $("#sp1").html(data);
      }
   );

  $('#basic-modal-content').modal({maxHeight: 400,autoPosition : true, position: ['20%','25%']});
 }

Answer 1

您可以尝试为 modal() 调用分配一些 CSS，如下所示:

$('#basic-modal-content').modal({
    maxHeight: 400,
    autoPosition: true,
    containerCss: {
        'maxHeight' : '400px',
        'overflow' : 'auto'
    },
    position: ['20%', '25%']
});

此外，您还可以使用 dataCss 属性。