0

答えが見つからない簡単な質問です。uploadifyキューのdivをスクロール可能にするにはどうすればよいですか。キューに入れられたファイルが。という名前のクラスに保存されていることに気づきましたuploadify-queue。uploadify.cssを追加widthして変更しようheightとしましoverflowたが、機能しません。キューファイルが浮いていると思います。

私のHTML構造：

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

私の問題は、divUploaderSpotのwithとheightが固定されており、100個のファイルをアップロードすることを選択した場合、それらのファイルは外部のキューに入れられることUploaderFieldです...

例： ここに画像の説明を入力してください

誰か助けてもらえますか？

4

2 に答える 2

3

問題は、Uploadifyが子コンテナDIVを内部に作成することです。これをスタイリングしてみてください：

<style type="text/css">
.uploadifyQueue {
     height: 200px;
     overflow: scroll;
}
</style>
于 2012-04-26T20:00:50.397 に答える
0

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

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

次に、Uploadify呼び出しで：

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

そしてそれを次のようにスタイリングします：

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

スクロールバーを使用overflow: auto;すると、キューの境界を通過したときにのみ表示されます。

于 2012-04-26T20:45:17.237 に答える