Elisseii
@Elisseii
Пишу музыку и код.

Как прокрутить полноэкранный HEADER с эффектом как в One Page Scroll, а дальше/ниже прокручивать классически?

Добрый день, так как я новичок в js и jQuery, прошу помощи.
Задача в принципе уже описана в названии вопроса, но хочу отметить, что вовсе необязательно использование One Page Scroll, можно любыми другими методами.
Вот ссылка на демо с эффектом, который я хочу применить только к Header, а всё что ниже прокручивать как обычно.

Вот есть пример классической интеграции плагина One Page Scroll на CodePen.
Правда я не уверен что смотрю в нужную сторону, по этому One Page Scroll скорее для визуального примера.

Структура HTML примерно такая.

<body>
  <header>

  ...Здесь Header с height: 100vh
  ... его прокрутить с эффектом

  </header>
  <div class="content">


  ...А тут какой-то длинный контент
  ...прокручиваем классически без эффекта

  </div>
</body>
  • Вопрос задан
  • 415 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

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