Как адаптивно расположить блоки по высоте?

Question

[snurik]

Добрый день. Не могу правильно сформулировать запрос для поисковика - соответственно не получаю ответ на cвой вопрос. Помогите решить задачу. Мне нужно что бы на разных экранах (я говорю в частности о экранах компов и ноутов, а не о мобильных девайсах - хотя о них тоже) первая страница прокрути была одинакова по высоте. Такое, судя по всему, чаще всего используют в лендингах. На любом разрешении монитора на первом экране прокрутки будет видно только один вид, на втором экране прокрутки - второй и так далее. И они не будут заходить на соседний экран прокрутки при любой высоте экрана пользователю. Надеюсь смог объяснить. В JS и jQuery не силён. Спасибо за помощь!

Answer 1

[Евгений Вольф]

На любом разрешении монитора на первом экране прокрутки будет видно только один вид, на втором экране прокрутки - второй и так далее.

В JS и jQuery не силён. Спасибо за помощь!

Как на счёт CSS'а?

.display1, .display2, .displayN {
    height: 100vh;
}

Comments

[snurik]

не пробовал, а как по кроссбраузности?

[Евгений Вольф]

snurik: пока особых проблем не встречал (с кроссбраузерностью). Если верить вот этому сайту, то почти все браузеры, кроме OperaMini нормально работают. Можно там ещё вкладку "Known issues" посмотреть, для подробностей.

[snurik]

Хорошо, спасибо. Попробую

Answer 2

[iBird Rose]

alvarotrigo.com/fullPage

Comments

[snurik]

да именно так. только как это организовать?