如何用JQ让DIV的height值获得浏览器窗口高度?
<scripttype="text/javascript">$(document).ready(function(){letMainheight=$(window).he...
<script type="text/javascript">
$(document).ready(function(){
let Mainheight = $(window).height();
if(Mainheight>1){
$(".main_bg").height(Mainheight);}
});
</script>
这是我的代码,没效果,为什么? 展开
$(document).ready(function(){
let Mainheight = $(window).height();
if(Mainheight>1){
$(".main_bg").height(Mainheight);}
});
</script>
这是我的代码,没效果,为什么? 展开
1个回答
展开全部
用jq的话 你可以这样改改
<script type="text/javascript">
function initMainHeight(){
let Mainheight = $(window).height();
if(Mainheight>1){
$(".main_bg").css({height:Mainheight+"px"});}
}
$(document).ready(initMainHeight);
$(window).on("resize",initMainHeight);
</script>
不过你这个效果完全就可以用css实现
可以这样写
.main_bg{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
<script type="text/javascript">
function initMainHeight(){
let Mainheight = $(window).height();
if(Mainheight>1){
$(".main_bg").css({height:Mainheight+"px"});}
}
$(document).ready(initMainHeight);
$(window).on("resize",initMainHeight);
</script>
不过你这个效果完全就可以用css实现
可以这样写
.main_bg{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
追问
感谢,等下我就采纳你的,就是想知道我上面是哪里没写对,为什么上面那样写就没有效果呢?能否指点迷津?谢谢?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询