@lynnikvadim

Как показать определенное кол-во блоков исходя из высоты родителя?

Как показать определенное кол-во блоков исходя из высоты родителя ?

Есть блок, его высота не постоянная. В этом блоке есть еще блоки высотой 150px.
Как мне сделать так чтобы если высота родителя к примеру 500px - то показывать только три вложенных блока.
  • Вопрос задан
  • 291 просмотр
Решения вопроса 1
@amatory10
например так:
var outerDiv = document.getElementsByClassName('div1')[0];
if(outerDiv.offsetHeight === 500) {
  var divChild = outerDiv.children;
  for(var i = 0, max = divChild.length; i < max; i++)
    divChild[i].style.display = 'block';
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
In4in
@In4in
°•× JavaScript Developer ^_^ ו°
var $block = $("#block"), height = $block.height();


$block.children().each(function(i){
   $(this)[i + 1 > Math.floor(height / 150) ? "hide" : "show"]();
});


или

$block.children().show()
    .filter(":nth-child(" + Math.floor(height / 150) + ") ~ *")
.hide();
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы