gpt4 book ai didi

javascript - 获取 css 样式以覆盖 asp.net-mvc 中页面的整个高度,页面内有多个局部 View

转载 作者:太空宇宙 更新时间:2023-11-03 22:57:47 26 4
gpt4 key购买 nike

answered这个问题Make <body> fill entire screen?这让我对 html 总体上有好处,但对 则不然。我正在从事的元素。

我正在使用这个巧妙的 css 技巧来防止我在这个博客上找到的用户输入 Disable all page elements with transparent div通过 Filip Czaja非常简单,在不允许用户访问输入字段或下拉列表的情况下精美地呈现页面。我使用 JS 来切换这个 div 样式。

#disablingDiv {
/* Do not display it on entry */
display: none;
/* Display it on the layer with index 1001.
Make sure this is the highest z-index value
used by layers on that page */
z-index: 1001;
/* make it cover the whole screen */
position: absolute;
margin-top: 50px;
left: 0%;
width: 100%;
height: 100%;
/* make it white but fully transparent */
background-color: white;
opacity: .00;
filter: alpha(opacity=00);
}

但是,我只能让它在每个 View 中走一半。我已经更新了元素中的各种 css 文件以包含。

html {
/* To make use of full height of page*/
min-height: 100%;
margin: 0;
}

body {
min-height: 100%;
margin: 0;
}

我不愿意输入以像素为单位的最小高度,因为它不能很好地适应动态样式。

作为解决方法,我添加了 <div id="disablingDiv"></div>到局部 View ,因为大多数 View 中添加了不同的局部 View (是的,我知道我不应该多次使用 id )。在一个 View 中都可以很好地切换到样式 block :

enter image description here

enter image description here

我也尝试过使用 min-height: 100%;#disablingDiv , 没有区别。

将它添加到 View 的共享布局时也没有区别。这就像将某个固定高度设为 100% 高度。

所有这些 div 都在 body 标签内。我宁愿使用一个 div 来覆盖页面所有部分 View 的总高度。

页面有垂直滚动和不同的高度。

所以代码可以正常工作,我只是无法获得页面的完整高度。有什么建议么?如果需要,我很乐意使用 JS 解决方案。

页面布局如下所示:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>

<body>
<div class="nav-header navbar navbar-default navbar-static-top">
//stuff
</div>
<hr />
<div id="disablingDiv"></div>
// content within this view and from partial views
</body>
</html>

最佳答案

我的猜测是您的页面足够高,可以滚动。在这种情况下,height: 100%min-height: 100%将只有一个视口(viewport)高(窗口高度的 100%),并且不会覆盖 <body> 的实际高度, 大于 100% ,所以当您滚动时,您会看到 div 消失了。

解决方案是让 div 在你滚动时一直跟随你,CSS 可以用 position: fixed 做到这一点。在目标元素上(在您的例子中,是禁用的 div)。

#disablingDiv {
/* snip */
position: fixed; /* not absolute */
/* snip */
}

关于javascript - 获取 css 样式以覆盖 asp.net-mvc 中页面的整个高度,页面内有多个局部 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37672652/

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