JS创建的遮罩层高度怎么计算？

设计手 2013-08-20 12:58:29

Ceng.style.height = Math.max(document.body.scrollHeight,document.documentElement.scrollHeight) + "px";

我发觉这样的写法在IE8和火狐里面完全胜任啊

但是在IE6里面竟然不能全遮盖

那高度应该怎么写呢？

求大神给点意见！非常感谢！！

...全文

197 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

clark_kidd 2013-08-21

打赏
举报

回复

document.body.clientHeight + document.body.scrollHeight 好像应该这样似乎还要加上 <!doctype html> 好一些

设计手 2013-08-20

打赏
举报

回复

引用 1 楼 fzfei2 的回复:

Ceng.style.height = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight,document.documentElement.offsetHeight) + "px"; 这样试试

这样目前看来是可以的感谢感谢看看还有没有更好的呢？

睡梦之龙 2013-08-20

打赏
举报

回复

ie计算的浏览器窗口与其他浏览器是不同的，要再相应调整固定值。就是加上工具栏的高和滚动条的宽什么的

fzfei2 2013-08-20

打赏
举报

回复

Ceng.style.height = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight,document.documentElement.offsetHeight) + "px"; 这样试试

1. 创建HTML结构，包括触发按钮和遮罩层元素。 2. 使用CSS设置遮罩层的样式，使其自适应移动端屏幕。 3. 编写JavaScript代码，监听按钮点击事件，控制遮罩层的显示和隐藏。 4. 考虑移动端适配，使用`vh`和`vw`单位...

jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互，因此常被用于ASP.NET应用中增强客户端功能，包括创建遮罩层。标题中的"asp.net 遮罩层"指的是在ASP.NET项目中使用jQuery...

1. 创建遮罩层：使用`document.createElement()`函数创建一个div元素，作为遮罩层。设置其样式，如宽度、高度、背景颜色和透明度。例如： ```javascript var mask = document.createElement('div'); mask.id = ...

在这个例子中，我们通过CSS设置了遮罩层的位置（fixed）、大小（100%宽度和高度）、颜色（半透明黑色）以及z-index（确保遮罩层位于其他元素之上）。接下来，我们将编写JavaScript代码来控制遮罩层的显示和隐藏。...

- **响应式设计**：为了确保遮罩层在不同设备上的良好表现，可以使用媒体查询或计算视口单位来进一步优化遮罩层的尺寸调整策略。 - **动画效果**：通过CSS3的过渡或动画属性，可以为遮罩层的显示与隐藏过程添加平滑...

87,992

社区成员

224,685

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章