Как реализовать сайт без скролла?

Question

[eXxamp1e]

Доброго времени суток, подскажите пожалуйста, как реализовать принцип этого сайта www.matthieutourdes.com/? Где переход на другие элементы страницы осуществляется без скролла, а по клике на ссылку.

Comments

[yarnstart]

Табы на vue.js + body {height: 100vh}

Answer 1

[Арсений Матыцин]

JS-framework (помнит состояние и перезагрузки при переходах нет, ну и никто в здравом уме не будет сам такое писать на ванилке) + простые визуальные эффекты с анимацией (переключение кейсов на главной это чуть более сложная табуляция).

ЗЫ: а то, что скрола нет, так и контента нет, чтобы он появился. Тыкай в любой кейс и там уже достаточно для его появления.

Comments

[eXxamp1e]

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

[Арсений Матыцин]

eXxamp1e, посмотреть в ютубе по ключам: Vue, Angular, React, или в их документации. Проще в ютубе, так как там многие из того, что есть в документации сложного, просто упускается. Для общего понимания пойдет.

[eXxamp1e]

Арсений Матыцин, Спасибо!