我有一个高度= 10 * screen-height的div。

我想向其添加另一个较小的div,高度=屏幕高度

假设我可以在较大的div上添加10个这样的较小div,我想将此div添加到较大div上的特定位置。 从4 *屏幕高度像素开始。 我该如何使用jQuery?

===============>>#1 票数:1 已采纳

大概您已经存储了屏幕高度,并且以正确的高度创建了两个div,因此:

$(inner_div).css('position', 'relative').css('top', 4*screen_height);

您可能不需要position:relative对于您的样式(如果已经在CSS中)

===============>>#2 票数:0

之后,请在此处查看如何访问和操纵身体的高度和大div的内部;

JS小提琴

的HTML

<div id="biggy">
    <div class="smally">Smally :)</div>
    <div class="smally">Smally 2, don't forget me :D</div>
</div>

的CSS

html, body {
    height: 100%;
    padding: 0px;
    margin: 0px;
}

#biggy {
    width: 200px;
    background-color: orange;
    position: relative;
}

.smally {
    width: 100%;
    background-color: blue;
    color: white;
    text-align: center;
    position: absolute;
}

的JavaScript

$(document).ready(function() {
    var bh = $('body').height();
    var smally_offset = (bh / 10);

    // Set biggy to be the body's height
    $('#biggy').css('height', bh);

    // Make all smallies 10% of the set height
    $('.smally').css('height', smally_offset);

    // Handle the different smallies :)
    $('.smally:nth-child(1)').css('top', smally_offset * 0);
    $('.smally:nth-child(2)').css('top', smally_offset * 1);
});

  ask by sublime translate from so

未解决问题?本站智能推荐: