Прокрутка прокрутки страницы в HTML

Question

Итак, у меня есть страница, разбитая на 2 столбца. В левом столбце есть расширяемые формы, которые довольно долго запрашивают у пользователя дополнительные параметры продукта. На правой стороне страницы есть гораздо более короткая форма «контактная информация».

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

Любые советы/предложения? Спасибо!

Answer 1

Вы можете поместить содержимое более длинного (левого) столбца в div контейнера и сделать этот div независимо прокручиваемым, используя атрибут overflow.

Here's a sample.

Answer 2

В зависимости от того, как задействован ваш макет, вы можете использовать фиксированное позиционирование css, чтобы при прокрутке страницы правый столбец находился в одном и том же месте.

Sample.