隐藏浏览器的垂直滚动条

我正在使用ngDialog作为弹出窗口。我正在尝试使对话框窗口尽可能高。但是在某些时候，它会在浏览器窗口中触发一个垂直滚动条。我附上一张可以说明这一点的图像。我尝试过overflow：隐藏在html元素上，body元素上 - 没有任何帮助。请给我soome的想法。隐藏浏览器的垂直滚动条

我尝试这样做：

<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);

这将使其很好地适应在屏幕上除了右下角的滚动条。

来源

2015-11-04 Mark

请分享你的HTML和CSS – ntgCleaner

看来，像它在IE11工作正常，但无法在Chrome – Mark

这里是如何才能解决这个问题在Chrome：

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

来源

2015-11-05 09:58:19 Mark

隐藏浏览器的垂直滚动条

回答

相关问题