如何使用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酒店.