如何使Uploadify队列可滚动

Question

一个简单的问题，我找不到答案。如何使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>

我的问题是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>

然后在您的上传通话中：

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

并将其设为：

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

使用overflow: auto;滚动条只会在传递队列边界时出现。