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

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

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

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

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