0

我有一个包含文件夹上传文件的对话框，当我选择多个文件（大约超过 25 个文件）进行上传时，对话框的长度增加到底部并且滚动条没有显示向下滚动以完整查看文件。

这是屏幕截图：

在此处输入图像描述

在这里，我添加了 36 个文件，当我想查看上传的文件列表时，它没有完全显示，滚动条也显示向下滚动以查看更多内容。

对话框的 HTML 在这里：

<div class="upload-files-dialog" tabindex="0" role="dialog" style="position: absolute; height: auto; top: 0px; left: 277px; display: block; width: 270px; right: auto; bottom: auto;" aria-describedby="ui-id-3" aria-labelledby="ui-id-4">

我尝试过的相应css样式为：

div.upload-files-dialog {
 {
    position: absolute;
    height: auto;
    top: 0px;
    left: 226px;
    display: block;
    width: 270px;
    right: auto;
    bottom: auto;
 }

我已经提到高度是自动的，然后它也没有随着屏幕进行调整。

对话框对应的 hbr 文件在这里：

{{#if view.showFileList}}
    {{file-list view.fileList}}
{{/if}}

对应的 ember 代码的fileList在这里：

        menuContext: null,

        formData: function () {
            if (!this.get('menuContext.formData')) {
                this.set('menuContext.formData', Ember.Object.create({ data: Ember.Object.create({ }), files: [] }));
            }
            return this.get('menuContext.formData.data');
        }.property('menuContext'),

        uploadHandle: null,

        showFileList: function () {
            return (this.get('uploadHandle.files.length') || this.get('menuContext.formData.data.file.length')) > 1;
       }.property('uploadHandle.files.length', 'menuContext.formData.data.file'),

        fileList: function () {
            return this.get('uploadHandle.files') || [].slice.call(this.get('menuContext.formData.data.file'));
        }.property('uploadHandle.files', 'menuContext.formData.data.file')

当我按下控制台 (F12) 时，滚动条即将到来，并且对话框也会更改为适合页面。但是当我上传文件时间本身时，我需要。我不知道 css 或 ember 或 jquery 问题出在哪里。任何人都可以就此向我提出建议。

4

1 回答 1

0

您需要为 指定 amax-height以div.upload-files-dialog使溢出发生。

例子：

div.upload-files-dialog {
    position: absolute;
    height: auto;
    max-height: 370px;
    top: 0px;
    left: 226px;
    display: block;
    width: 270px;
    right: auto;
    bottom: auto;
 }
于 2018-09-18T07:02:37.793 回答