jquery - 如何使 Uploadify 队列可滚动

Question

只是一个快速的问题，我找不到答案。如何使上传队列 div 可滚动。我注意到排队的文件被保存到一个名为uploadify-queue. 我尝试uploadify.css通过添加来修改width，但不起作用。我认为队列文件是浮动的。heightoverflow

我的 HTML 结构：

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

我的问题是 divUploaderSpot有一个固定的高度和高度，如果我选择上传 100 个文件，这些文件会在外面排队UploaderField...

例子：在此处输入图像描述

谁能帮我？

score 3 · Accepted Answer

问题是 Uploadify 在里面创建了一个子容器 DIV。试试这个样式：

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

score 0 · Accepted Answer

最好的方法是使用 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;队列的边界时，滚动条才会出现。

2 回答 2