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可滾動內容

回答

相關問題