HTML覆盖高度覆盖整个可见页面

概述我有一个网页,使用 AJAX加载一些东西.我想在加载过程中显示带有加载指示符的叠加层,这样用户就无法与大部分页面进行交互 – 除了顶部的菜单.我正在使用jQuery和 jQuery BlockUI plugin来做到这一点. 我调用$(element).block()并且它工作正常,但叠加层仅延伸到我页面的当前内容.随着更多内容被加载并添加到页面中,叠加层随之向下移动,这看起来有点难看.理想情况下 我有一个网页,使用 AJAX加载一些东西.我想在加载过程中显示带有加载指示符的叠加层,这样用户就无法与大部分页面进行交互 – 除了顶部的菜单.我正在使用jquery和 jQuery BlockUI plugin来做到这一点.

我调用$(element).block()并且它工作正常,但叠加层仅延伸到我页面的当前内容.随着更多内容被加载并添加到页面中,叠加层随之向下移动,这看起来有点难看.理想情况下,我希望它从一开始就覆盖整个页面的可见区域.这样做的一个简单方法就是为叠加设置一个较大的高度值,如下所示：

$(myElement).block({        overlayCSS: {            height: '10000px'        } });

…但这会创建一个滚动条！如何避免这种情况并将其设置为覆盖可见页面的正确高度,但不能将其放大？

@R_403_6120@ 使用位置：固定;而不是位置：绝对.这样,即使滚动,叠加层也不会移动. 总结

以上是内存溢出为你收集整理的HTML覆盖高度覆盖整个可见页面全部内容，希望文章能够帮你解决HTML覆盖高度覆盖整个可见页面所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。