このjqueryスクリプトを使用して、子DIVを100%拡張しています。正常に動作しますが、DIVはブラウザウィンドウを超えて拡張されているため、常に下にスクロールする必要があります。ドキュメントよりも親DIVレイスに関連するように100%の高さを変更することは可能ですか?
$(document).ready(function () {
$("#stretch").animate({ height: $(document).height() }, 500 );
});
試す
$(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 );
});
もちろんそうだ:
直接の親の場合:
$(document).ready(function () {
var $stretch = $("#stretch");
$stretch.animate({ height: $stretch.parent().height() }, 500 );
});
直接の親でない場合は、の代わりclosest
に使用できますparent
。