страниц обкатки после: всегда; в настольных браузерах

Question

Мне интересно, возможно ли это или нет.
У меня есть эта страница, которая хорошо показывает на 15 "ноутбуках.
Но при больших разрешениях следующий раздел начинает отображаться на первой странице экрана.
Есть ли способ (даже JavaScript, если не возможно только с CSS) показать следующий раздел только на следующем экране страницы?
https://planbuildr.com/business-plan/new/2019
Я хочу, чтобы следующий раздел (начиная с заголовка «Вот некоторые из причин, по которым предприниматели любят PlanBuildr») будет отображаться только при прокрутке на больших экранах, а не при отображении на первой странице экрана, ниже сгиба.
Мы можем использовать это на страницах, созданных в формате PDF, используя page-break-after:always;, но как мне заставить это работать в настольных браузерах?
(носитель не «печатать»)

Answer 1

Вместо того, чтобы устанавливать высоту div с помощью единицы измерения в «px», вы можете использовать «vh».

Более подробную информацию о единицах CSS можно найти здесь: https://www.w3schools.com/cssref/css_units.asp

Например, вы можете изменить высоту div = 617px на высоту div = 100vh

Также было бы полезно прочитать о адаптивном веб-дизайне: https://www.w3schools.com/css/css_rwd_intro.asp