Плиточная сетка работа со строками

95
10 сентября 2019, 11:00

Делаю плиточную сетку, не могу понять, как работать с каждой строкой. Все работает, но только для одной строки. Суть такая: есть предыдущая строка, в ней есть элементы, из этих элементов забираем высоту каждого. И есть следующая строка, в которой мы забираем из элементов offset().top. И пишем для элементов следующей строки верхний отрицательный маржин (-оффсет элементов следующей строки + высота элементов предыдущей строки). Все работает, но только для одной строки, как сделать так, чтобы скрипт работал со всеми предыдущими/следующими строками?

var g = 50, off = [], h = [], total = []; 
$('.row').prev().children().each(function(j){ 
	h[j] = $(this).height();        
}); 
 
$('.row').next().children().each(function(i){ 
	off[i] = $(this).offset().top; 
	total[i] = -off[i]+h[i]; 
	$(this).css('margin-top', + total[i] + g + 'px'); 
}); 
 
$('h2').text('height: ' + h + ' | ' + 'offset: ' + off);

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>

READ ALSO
Количество элементов в строке

Количество элементов в строке

Нужно немного изменить скриптСейчас количество элементов задается через переменную, в которой статически указывается количество элементов

91
Размещение String[] в TextBox

Размещение String[] в TextBox

Как добавить в TextBox массив String[] из метода? Возможно стоит воспользоваться другим инструментом, типа ListBox? Цель - разместить все строки из массива...

123
TcpClient ReceiveTimeout и SendTimeout в C#

TcpClient ReceiveTimeout и SendTimeout в C#

Пишу TCP листенер наткнулся на такие вот свойства в TCPClient ReceiveTimeout и SendTimeout

89
Дочерние элементы в префабе обьекта

Дочерние элементы в префабе обьекта

Есть моделька генераторСоздал Префаб, вышло так что в префабе 10 дочерних элементов

106