アップロードキューをスクロールする方法

Question

ただの簡単な質問私は答えを見つけることができません。アップロードキューをスクロール可能にする方法を教えてください。私は待ち行列に入れられたファイルがuploadify-queueというクラスに保存されていることに気づいた。 width,heightとoverflowを追加してuploadify.cssを修正しようとしましたが、動作しません。キューファイルは浮動していると思います。

私のHTML構造：

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

私の問題は、div要素UploaderSpotがで固定し、高さと、私は100個のファイルをアップロードするために選択した場合、それらのファイルはUploaderField外のキューを取得したことがある...

例：

誰でも手伝ってもらえますか？

Answer 1

問題は、Uploadifyが内部に子コンテナDIVを作成することです。

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

Answer 2

これを行う最も良い方法は、queueIDオプションを使用して独自のキューコンテナを作成することです。

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

は、その後、あなたのUploadifyコールに：

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

そして持つスタイルを：それはキューの限界を渡されるときoverflow: auto;で

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

スクロールバーにのみ表示されます。