Задать вопрос
sergeyz140
@sergeyz140
UX/UI Designer, Illustrator

Как реализовать скролл двух блоков на странице?

Привет. Есть такая страница - разметка.
Нужно реализовать вот такой скрол: страница загружается видим шапку и 2 блока. Левый (Fixed) остается на месте, при скроле правого блока (Scroll), после того, как в правом блоке проскролится до конца весь контент, оба блока скроляться вместе и внизу появляется подвал. Надеюсь, понятно объяснил.
Буду благодарен за любой подобный пример.
  • Вопрос задан
  • 518 просмотров
Подписаться 3 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
vitaly44
@vitaly44
Предприниматель, веб-разработчик, дизайнер
Копай в сторону jquery sticky block
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@KononovD
если я правильно понял, то:
надо брать высоту правого блока(scrollHeight) и когда позиция окна(pageYOffset) будет = scrollHeight - window.clientHeight - левому блоку даем обычное позиционирование и они оба скроллятся вниз
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы