У меня проблема с jQuery. Не могу понять, как это сделать. У меня есть несколько секций шириной различной высоты:Изменение размера элементов элементов при изменении размера окна
<section id="1" class="something" style="height:111px; background:red;">1</section>
<section id="2" class="something" style="height:222px; background:blue;">2</section>
<section id="3" class="something" style="height:333px; background:green;">3</section>
Мой JQuery весы высоту каждой секции, когда окно меньше, чем 500px:
var org_height = $('.something').height();
$(window).resize(function() {
$(".something").each(function() {
var win = $(window).width();
var height = $('.something').height();
if(win < 500) {
y = 500 - win;
$('.something').css("height",org_height-y/3+"px");
}
else {
$('.something').css("height",org_height+"px");
}
});
});
JSFiddle: https://jsfiddle.net/owtz31jj/
Как я могу хранить первоначальную высоту каждой секции и масштабировать их в зависимости от каждой высоты и обратно до первоначальной высоты. Я очень благодарен за любую помощь.
Это было быстро. Большое вам спасибо, он отлично работает. – user5379464
Нет проблем. Вы видите, как вы можете использовать '$ (this)' внутри каждой функции? Это гарантирует, что вы получите org_height из соответствующего элемента. – andlrc
Да, мне нравится jQuery больше и больше;) – user5379464