1

ポップアップに ngDialog を使用しています。ダイアログウィンドウをできるだけ高くしようとしています。しかし、ある時点でブラウザのウィンドウに垂直スクロールバーが表示されます。それを示す画像を添付します。ボディ要素のhtml要素でoverflow:hiddenを試しましたが、何も役に立ちません。アイデアをください。 ここに画像の説明を入力

私はこれを試しました：

<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