Question

我正在使用此代码

//Resize Div    
$(document).ready(function(){
    resizeDiv();
});

window.onresize = function(event) {
    resizeDiv();
}

function resizeDiv() {
    vpw = $(window).width();
    vph = $(window).height();
    $('.site-intro').css({'height': vph + 'px'});
}

它工作得很好，并使第一个div 100％的窗口并设置内联高度。有没有办法添加到这个代码，所以它会使其他div设置为相同的高度？

我将一个div放在另一个上面，并希望它们都是相同的高度（同样的高度是100％的高度）。

对不起，

HTML

<div class="wrapper">
<div class="site-intro parallax" data-velocity="-.3">
    <div class="row-fluid header">
        <div class="col-lg-6 col-sm-6 col-6 logo">
            <img src="img/logo.png" alt="" />
        </div>
        <div class="col-lg-6 col-sm-6 col-6 follow text-right">
            <a href="#"><img src="img/follow-fb.png" alt="Follow Us On Facebook" /></a>
            <a href="#"><img src="img/follow-tw.png" alt="Follow Us On Twitter" /></a>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-lg-12"> 
                <h1 class="text-center">Website Success</h1>
                <h2 class="text-center">Is Dependent On Effort and Imagination</h2>
                <p class="text-center"><a class="text-center can-do" href="#">See What We Can Do For You</a>
            </div>
        </div>
    </div>
</div>

我想在（.site-intro）下面有更多的div而不是并排。然后在每个div内部都有链接，它将锚定到下一个div。

Answer 1

很难说没有看到你的DOM，但通常你可以使用以逗号分隔的多元素选择器。

假设您要调整3个元素的大小：

div与课程site-intro。

div

user-data。
section元素。

代码看起来像这样：

function resizeDiv() {
    vpw = $(window).width();
    vph = $(window).height();
    $('.site-intro, #user-data, section').height(vph);
}

使所有div成为第一个div的高度

1 个答案: