JQuery UI Диалоговые полосы прокрутки не отображаются в Internet Explorer 8

У меня есть модальный диалог, установленный в iframe с использованием JQuery UI, показывающий отдельную страницу. Когда высота содержимого страницы больше, чем высота диалога, полосы прокрутки отображаются в Firefox, хотя немного далеко вправо, когда я использую Internet Explorer 8 или Chrome, они не показывают tho. Мой код выглядит следующим образом:JQuery UI Диалоговые полосы прокрутки не отображаются в Internet Explorer 8

код вызывающего абонента Библиотеки:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

код, чтобы открыть диалоговое окно в отдельном .js файле:

function showRegDialog(url) { 
    idNro = Math.floor((Math.random() * 1500) + 1); 

    $(function() { 

     var horizontalPadding = 0; 
     var verticalPadding = 0; 

     $('<iframe id="externalSite' + idNro + '" scrolling="no" frameborder="0" padding="0" margin="0" style="overflow:auto" class="externalSite" src="' + url + '" />').dialog({ 
      open: function() { 
       $(this).siblings('.ui-dialog-titlebar').remove(); 
      }, 
      title: false, 
      autoOpen: true, 
      width: 750, 
      height: 700, 
      modal: true, 
      resizable: false, 
      draggable: false, 
      autoResize: false, 
      overlay: { 
       opacity: 0.5, 
       background: "black" 
      } 

     }).width(550).height(700); 

    }); 
}

Страница открывающего:

<style type="text/css">  
html {overflow : visible} 
</style> 
<body> 
<ul> 
<li><a href="javascript:showRegDialog('view_edit.aspx?c=1');"> Edit<img src="images/btn/edit_pv.png" align="Absbottom" border="0"/></a>     
</li> 
</ul> 
<!--...--> 
</body>

На отдельной странице содержания есть:

<style type="text/css">  

.viewEdit 
{ 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px 
} 

.viewEditForm 
{ 
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px 
} 

.viewEditMainDiv 
{ 
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px 
} 

</style>  

<body class="viewEdit" style="overflow-x:hidden"> 
<form id="form1" class="viewEditForm"> 
<div class="viewEditMainDiv"> 
<!--...--> 
</div> 
</form> 
</body>

Как я могу показать эти полосы прокрутки в IE и Chrome ?. Я провел приличное количество исследований и, похоже, overflow:visible или overflow:auto сделал бы трюк, но это пока не сработало. Может быть, это ошибка в jquery-ui, если так. Как я могу ее исправить?

Большое спасибо за ваше время и помощь.

источник

2013-02-11 CoderRoller

Как глупо, как он выглядит, я изменил значение scrolling="no" свойства отображаемого iframe на scrolling="yes", и он решил его.

function showRegDialog(url) { 

idNro = Math.floor((Math.random() * 1500) + 1); 
$(function() { var horizontalPadding = 0; 
var verticalPadding = 0; 

$('<iframe id="externalSite' + idNro + '" scrolling="yes" frameborder="0" padding="0" margin="0" style="overflow:auto" class="externalSite" src="' + url + '" />').dialog({ 
       open: function() { 
        $(this).siblings('.ui-dialog-titlebar').remove(); 
       }, 
       title: false, 
       autoOpen: true, 
       width: 750, 
       height: 700, 
       modal: true, 
       resizable: false, 
       draggable: false, 
       autoResize: false, 
       overlay: { 
        opacity: 0.5, 
        background: "black" 
       }  
      }).width(550).height(700);  
     }); 
}

спасибо.

источник

2013-02-11 16:20:07 CoderRoller

JQuery UI Диалоговые полосы прокрутки не отображаются в Internet Explorer 8

ответ

Смежные вопросы