Как сделать правильный скроллинг?

Question

[kapai69]

Необходимо сделать див который прокручивается до его высоты и останавливался? Пример www.raiffeisen.ru

Answer 1

[linoleum]

Блок, который прокручивается - просто обычный блок. А вот соседний - с ним и нужно работать. Как только его низ оказывается внизу экрана (вью порта) - он становится position: fixed;
Последнее легко сделать с помощью jquery.

Answer 2

[Юрий Лобанов]

Вот помню, что был подобный вопрос. Собственно, в чем Вы проблему видите? В прошлый раз Вы и задали подобный вопрос, там правда немного скролл отличался. Ведь у Вас перед глазами сайт, смотрите исходники и делайте также. Если не можете понять — так хоть попытки свои покажите. А то складывается впечатление, что Вы ждете, когда за Вас напишут.

Comments

[kapai69]

Я спрашиваю на тот случай, если вдруг есть уже готовые велосипеды, чтобы не терять времени.

Answer 3

[Саша Ткаченко]

Например:
Берем высоту документа, берем высоту окна, отнимаем высоту окна от высоты документа, присваиваем результат в переменную, делаем событие на скролл окна, в нем переменная на скролл от верха документа и условие:
if скролл от верха окна больше чем переменная с высотой документа (с вычтенной высотой окна) значит присваиваем класс fixed с соответствующими стилями, else значит снимает класс.

Код постарайтесь написать сами, так ведь интересней)