none
关于Jquery blockUI 显示滚动条的问题 RRS feed

  • 问题

  • 我这个有个div,通过后台数据库查出的内容来填充,然后用Jquery blockUI显示,但问题是,内容少的话,可以。内空一多, blockUI 好像就截断了,我想让它出个滚动条以便查看剩余内容;我设置了 overflow: 'scroll'能出滚动条,但不起作用,请高手指点!!!

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <title></title>
      <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
      <script src="Scripts/blockUI.js" type="text/javascript"></script>
      <script type="text/javascript">
        $(document).ready(function () {
          $('#mybtn').click(function () {
            $.blockUI({
              message: $('#Content'),
              css: { top: '5%', overflow: 'scroll',width:'400px' }
            });
            $('.blockOverlay').attr('title', 'Click to unblock').click($.unblockUI);
          });
        });     
      </script>
    </head>
    <body>
      <input id="mybtn" type="button" value="button" />
      <div id="Content" style="display: none;">
       <p>
         这里有很多内容......................略
          </p>
          
      </div>
    </body>
    </html>
    


    2011年7月12日 11:30