[英]Make divs width and height equal to viewport with JavaScript
我有一个使用jquery scrollLeft来在用作页面的水平对齐div之间滚动的单页网站。
这些div的宽度应为100%,高度应为100%(等于当前视口)。
使用jQuery,我做对了:
$('.row').css('min-height', $(window).height());
$('.row').css('width', $(window).width());
$(window).resize(function() {
$('.row').css('min-height', $(window).height());
$('.row').css('width', $(window).width());
});
问题是,直到完全加载jquery.js并准备好文档,这些div才会重新调整大小。
因此,我认为最好的方法是使用原始JavaScript。 怎么样?
谢谢。
您是否尝试过在<div class="row">...</div>
之前加载jquery,并将您编写的脚本放在它之后?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.