0

我正在使用这个 jquery 脚本来扩展子 DIV 100%。它工作正常,但 DIV 超出了浏览器窗口,因此我必须始终向下滚动。是否可以将 100% 高度更改为与父 DIV 而不是文档相关?

$(document).ready(function () {
    $("#stretch").animate({ height: $(document).height() }, 500 );
});
4

2 回答 2

0

尝试

$(document).ready(function () {
    var $stretch = $("#stretch");
    $('#stretch').animate({ height: $stretch.parent().height() }, 500 );
});

或者如果它不是即时父母:

$(document).ready(function () {
    var $stretch = $("#stretch");
    $('#stretch').animate({ height: $stretch.closest('parent-selector').height() }, 500 );
});
于 2012-04-25T17:30:17.040 回答
0

是的:

对于直接父母:

$(document).ready(function () {
    var $stretch = $("#stretch");

    $stretch.animate({ height: $stretch.parent().height() }, 500 );
});

http://jsfiddle.net/RRqr4/

如果不是直接父级,则可以替换closestparent.

于 2012-04-25T17:31:25.060 回答