blockUI可滚动内容

我喜欢blcokUI插件。我在我的项目中使用它。最近，我需要在blockUI对话框中注入动态html。基本上内容是图像预览。大多数情况下，照片所需的空间比屏幕本身大。blockUI可滚动内容

我尝试了很多我能想到的解决方案，包括在blockUI中有一个单独的可滚动div，但没有运气。

有没有人做过这个？

编辑： 代码如下;

如何blockUI被称为：

$('#addphoto').click(function (e) { 
    $('body').block({ message: $('#dropbox'), css: { top: '10px;', width: '90%', 'position': 'absolute'}, allowBodyStretch: true }) 
});

投寄箱内容：

<div id="dropbox" style="display:none;"><span class="message">drag&drop images here</span></div> 
<div id="image_container"> 
    <div class="preview done"> 
     <span class="imageHolder"> 
      <img src="" /> 
      <span class="uploaded" style="overflow: scroll"; ></span></span> 
     <div class="progressHolder"> 
      <div class="progress"> 
      </div> 
     </div> 
    </div> 
</div>

来源

2012-09-12 Kemal Emin

显示一些代码。 – Grumpy

我编辑了我的问题以包含代码.. –

您可以使用您的BlockUI参数blockMsgClass修改用于单独对话练习。由于这些内联添加，您将需要包括!important为了一些CSS属性的工作。

知道这一点，你可以这样做：

$('#addphoto').click(function (e) { 
    $('body').block({ 
     blockMsgClass: 'PhotoAdd', 
     message: $('#dropbox') 
    }) 
});

然后在你的CSS：

.PhotoAdd{ 
Top:10px!important; 
width:90%!important; 
position: absolute!important; 
height:90%!important; 
overflow:auto!important; 
}

这将使整个BlockUI对话滚动的需要。

来源

2014-01-31 02:47:47 Jake

blockUI可滚动内容

回答

相关问题