Как правильно скролить вместе со страницей и сайдбар?

Question

[Антон Середний]

Собственно есть сайт . Нужно чтобы при скроле страницы общей скролился и правый сайдбар, ибо он длиннее и скрыт за скролом.

Как все это правильно осуществить, чтобы людям было удобно?

Answer 1

[iBird Rose]

$(document).on('scroll', function () {
	    $('.sidebar').scrollTop($(this).scrollTop());
});

Comments

[Антон Середний]

Спасибо. А чтобы когда закончилась страница, сайдбар долистывался до конца

[trushka]

Можно скроллбару изначально position: absolute задать, а при приближении нижнего края либо сайдбара, либо контента задавать им соответственно position: fixed - ну, это если заранее не известно, что длиннее

Answer 2

[V Sh.]

Я бы переверстал этот сайт. Честно. Два скролла - это не дело. Если уж очень хочется скролить оба элемента, то это через js через событие onScroll. Ловите положение скролла у одного элемента и присваиваете скроллу другого элемента. Как это будет выглядеть я боюсь даже представить.

Comments

[Антон Середний]

увы, требования заказчика)

[V Sh.]

Антон Середний: заказчики такие заказчики)