Javascript. Перенаправить событие scroll на дочерний элемент?

Question

[splitface]

Есть примерно такой код:

<div class="parent">
	<div class="child" style="width: 100px; overflow-y: scroll">
		.....очень длинная статья......
	</div>
</div>

Как перенаправить событие scroll элемента window на элемент div.child? Чтобы при прокрутке скроллилась не вся страничка, а только div.child. А когда он прокрутится до конца, сроллить дальше всю остальную страничку.

Comments

[splitface]

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

Answer 1

[Артур Кох]

По идее так оно и должно работать по дефолту. Если не так, то простите — не подскажу.
А вообще скроллиться должжно что-то одно. Либо страница, либо контент в блоке, а сама страница тянется на высоту окна браузера и неподвижна.

Comments

[Артур Кох]

Хотя вот пример с вашим случаем: редактирование топика на хабре. Пока мышь в поле скроллящегося контента — поведение индентично вашему требованию. Если мышь за пределами этого блока — скролл страницы.

[Silver_Clash]

Когда мышь над блоком, блок вроде как в фокусе, потому он и скроллится. Это вполне нормальное ожидаемое поведение.

Answer 2

[Silver_Clash]

Не принимайте на личный счет, но:
Во-первых, как же окно будет скроллиться, если блок со статьей остается на месте? Значит какой то блок должен увеличиваться и тем самым увеличивать высоту страницы?

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

Исходя из «во-первых» могу предположить что вам нужна ленивая загрузка текста в блок с последующим увеличением высоты блока. Хотя как мне кажется это далеко не самая лучшая идея.

В любом случае посмотрите этот вопрос. Идея в чем то схожая.

Answer 3

[B@rmaley.e><e]

Попробуйте в обработчике onscroll менять scrollTop'ы окна и дива со статьей.