1

我正在使用 ngDialog 弹出窗口。我试图使对话窗口尽可能高。但在某些时候,它会触发浏览器窗口中的垂直滚动条。我附上一张图片来说明这一点。我已经尝试溢出:隐藏在 html 元素上,在 body 元素上 - 没有任何帮助。请给我一些想法。 在此处输入图像描述

我试过这个:

<html ng-app="app" style="height:100%;overflow:auto">
<body style="overflow: hidden" scroll="no"> 

它没有帮助。

我的 ngDialog 风格是这样的:

<style>
.ngdialog-overlay {
    padding-top: 0px;
    padding-bottom: 0px;
    display:block;
    width:100%;
    height:100%;
    background:#333333;
    background:rgba(128,128,128,0.8);
    position:fixed;
    top:0;
    left:0;
    overflow: hidden;
}
.ngdialog.dialogcaseeditor .ngdialog-content {
    width: 95%;
    padding-top: 5px;
    overflow: auto;
}    
</style>

在路上的某个地方,我有以下内容可以使对话框尽可能高:

$dialog.dialog.find('.ngdialog-content').css('height', $window.innerHeight - 50);

除了右下角的滚动条之外,这将使它很好地适应屏幕。

4

1 回答 1

1

以下是在 Chrome 中解决问题的方法:

 $dialog.dialog.css('overflow', 'hidden');
于 2015-11-05T09:58:19.337 回答