Как сделать расширение контента при прокрутке?

Question

[Александр]

Здравствуйте. Подскажите как можно реализовать расширение контента при прокрутке странице?
примерно так.

Comments

[Валерий Павлов]

Не понятно не много. Что эта стрелка должна делать? Кликаешь по ней и без обновления страницы добавляется контент?

Если так, то через ajax. Обрабатываешь клик - подгружаешь новый контент.

[Александр]

Иван, нет без клика. скролишь страницу вниз, как правый блок заканчивается, основной контент расширялся на 100% (занимал весь экран)

[Ankhena]

Shura0102, как-то так https://jsfiddle.net/xo453yjm/

[TeraMoune]

Используется Событие прокрутки, функция позволяет реагировать на прокрутку страницы или элемента. Есть много хороших вещей, которые при этом можно сделать.

В теле события определяется логика работы на скролл. Задача примерно такая, надо определить где заканчивается этот самый Ваш блок, его bottom позицию. И задать условие, если скролл доходит до этой позиции плюс 1px. То нужный объект растягивается, при этом сам блок который скрылся нужно скрыть или иначе сделать его не мешающим растягиваемому контенту, так же в условии else определить возврат состояния.