Question

我正在使用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);

除了右下角的滚动条之外，这将使它非常适合屏幕。

Answer 1

以下是解决Chrome问题的方法：

 $dialog.dialog.css('overflow', 'hidden');

隐藏浏览器的垂直滚动条

1 个答案: