스크롤 및 위치 : 내부 오버플로 고정 : 스크롤 div

Question

overflow: scroll과 함께 div 안에 긴 텍스트가있는 div 외에도 position: fixed div가 있습니다. 내 커서가 고정 된 div 위로 움직이는 경우에도 텍스트를 스크롤하고 싶습니다. (윈도우가 스크롤 요소 일 때 일반적인 동작입니다.) http://jsfiddle.net/jM2Eh/1/

나는 기본적으로 빨간색 상자 위로 마우스를 스크롤하는 동안 텍스트 스크롤하려는 :

나는 바이올린을했다.

업데이트 :이 특별한 경우에 트위터 부트 스트랩을 사용하고 있으므로 그에 따라 바이올린을 업데이트했습니다.

자바 스크립트가 필요한 경우 괜찮을 수도 있습니다.

UPDATE2 : 나는 또한이 솔루션을 시도했지만 그 이상한 깜박임 효과가 발생합니다

http://jsfiddle.net/jM2Eh/16/

Answer 1

당신이 당신의 텍스트 노드 대신 두 개의 열을 사용하여 패딩 왼쪽 사용하여 시도 적이 있습니까?

http://jsfiddle.net/j5BLm/15/

.text { 
    padding-left: 50%; 
} 

또 다른 가능한 해결책은 포인터 이벤트를 사용하는 것입니다 : 당신이 IE에 대해 걱정하지 않는다 없음 경우 :

http://jsfiddle.net/codedigger/jM2Eh/18