Как прокручивать элемент div «position: fix» только внутри определенного содержимого div? ⇐ Jquery

[Anonymous]

Предположим, у меня есть следующий HTML, CSS и jQuery:

$("#blue_square").css("top", $(window).height() / 2 - 80) .divTwo { положение: относительное; } #blue_square { положение: фиксированное; правильно: 0; z-индекс: 9; ширина: 370 пикселей; box-shadow: 0 0 6px прозрачный; Синий

Проблема, которую я заметил, заключается в том, что элемент div blue_square каким-то образом отображается в divOne, но я ожидал, что он начнется только с divTwo.

Мой вопрос: как мне сделать так, чтобы blue_square начинался внутри divtwo и содержался в divtwo, пока я прокручиваю его содержимое ?

Я хочу видеть только позицию blue_square, позицию: фиксированный элемент внутри divTwo и все. Я не хочу видеть его в divOne или divThree, когда я прокручиваю их содержимое. Как я могу добиться этого с помощью JavaScript?