调整窗口大小后如何获取窗口的高度和宽度并将其应用于已设置的覆盖层?

发布于 2024-12-10 23:58:25 字数 472 浏览 0 评论 0原文

获取默认宽度和高度。

//Get the screen height and width
var maskHeight = $(window).height();
var maskWidth = $(window).width();

$(window).resize(function(){
maskHeight = $(window).height();
maskWidth = $(window).width();          
});     

将掩码设置为文档存储的宽度和高度

//Set height and width to mask to fill up the whole screen
$('#mask').css({'width':maskWidth,'height':maskHeight});        
$('#mask').css('display','block');

Getting the default width and height.

//Get the screen height and width
var maskHeight = $(window).height();
var maskWidth = $(window).width();

$(window).resize(function(){
maskHeight = $(window).height();
maskWidth = $(window).width();          
});     

Setting the mask to be the stored width and height of the document

//Set height and width to mask to fill up the whole screen
$('#mask').css({'width':maskWidth,'height':maskHeight});        
$('#mask').css('display','block');

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

吻风 2024-12-17 23:58:25

此代码将动态调整您的 mask 大小:

$(window).resize(function(){   
    $('#mask').css({'width':$(window).width() + 'px','height':$(window).height() + 'px'});       
});     

This code will resize your mask on the fly:

$(window).resize(function(){   
    $('#mask').css({'width':$(window).width() + 'px','height':$(window).height() + 'px'});       
});     
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文