gpt4 book ai didi

css - 隐藏浏览器的垂直滚动条

转载 作者:行者123 更新时间:2023-11-28 16:42:37 26 4
gpt4 key购买 nike

我正在为弹出窗口使用 ngDialog。我正在尝试使对话窗口尽可能高。但在某些时候它会触发浏览器窗口中的垂直滚动条。我附上一张图片来说明这一点。我试过 overflow:hidden 在 html 元素上,在 body 元素上 - 没有任何帮助。请给我一些想法。 enter image description here

我试过这个:

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

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

最佳答案

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

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

关于css - 隐藏浏览器的垂直滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33531156/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com