Как наложить одну страницу на другую?

Question

[Hellas]

Как наложить одну страницу на другую (разной высоты), чтобы первая страница не была видна под второй? Пробовал использовать display: none на первую страницу, когда накладывается вторая, но при удалении второй страницы сбивается положение скролла на первой.

Comments

[Дмитрий Беляев]

а запоминать и восстанавливать положение скролла не вариант?

[Hellas]

Дмитрий Беляев: можно попробовать.

Answer 1

[Andrey Dyrkov]

Не пробовали z-index?

Comments

[Hellas]

Высота страниц разная. То есть под второй будет видна первая, если использовать z-index и доскроллить до конца второй страницы. Необходимо полностью скрыть первую, когда поверх находится вторая.

[Andrey Dyrkov]

Hellas: используйте классы, просто странице которая сейчас сверху добавляйте класс с нужными стилями, а другой другой класс.

Answer 2

[semki_1]

Вопрос не совсем понятен. Может z-index?

Comments

[Hellas]

Высота страниц разная. То есть под второй будет видна первая, если использовать z-index и доскроллить до конца второй страницы. Необходимо полностью скрыть первую, когда поверх находится вторая.

[semki_1]

Hellas: тогда может colorbox и его аналоги ?

Answer 3

[2cha.headz]

так подойдет? codepen.io/glagolew059/pen/PzdBNY