如何使Uploadify隊列可滾動

只是一個簡短的問題，我找不到答案。如何使uploadify隊列div可滾動。我注意到排隊的文件被保存到名爲uploadify-queue的類中。我試圖通過添加width，height和overflow修改uploadify.css但不起作用。我認爲隊列文件是浮動的。如何使Uploadify隊列可滾動

我的HTML結構：

<div id="Uploader"> 
    <div id="UploaderSpot"> 
    <div id="UploaderField"> 
     // this content is replaced by Uploadify 
    </div> 
    </div> 
</div>

我的問題是DIV UploaderSpot有一個固定的和高度，如果我選擇上傳100個文件，這些文件得到隊列之外UploaderField ...

例： enter image description here

誰能幫助我？

來源

2012-04-26 Eric

的問題是，Uploadify內創建一個子容器DIV。試試這個樣式：

<style type="text/css"> 
.uploadifyQueue { 
    height: 200px; 
    overflow: scroll; 
} 
</style>

來源

2012-04-26 20:00:50

還有'.uploadifyQueueItem'針對每個項目，其中，當處理將有類.completed'的'。確保這個CSS在uploadify.css之後加載或者被編輯（隨軟件包一起提供） – 2012-04-26 20:02:22

最好的方法是使用queueID選項並創建自己的隊列容器。

<input type="file" name="file_upload" id="file_upload" /> 
<div id="my_queue"></div>

在Uploadify呼叫

然後：

#my_queue { 
    height: 200px; 
    overflow: auto; 
}

隨着overflow: auto;當它被傳遞的隊列的邊界滾動條纔會出現：

$('#file_upload').uploadify({ 
    ... 
    queueID : 'my_queue' 
});

而且風格吧。

來源

2012-04-26 20:45:17 RonnieSan

如何使Uploadify隊列可滾動

回答

相關問題