창으로 숨기기 스크롤하지 않고 컨테이너 스크롤

Question

나는 까다로운 문제가 있습니다. 그래서 저는 두 개의 요소 사이에 공간이있는 고정 요소 두 개를 가지고 있는데, 상대적 요소가 있습니다. 모든 요소는 지금까지는 괜찮습니다. 이제 상대적 위치 지정 요소가 스크롤되어 두 개의 고정 요소 사이에 표시되고 첫 번째 요소 상단에 표시되면 여기에 the jsfiddle이 명확 해집니다. 스크롤 할 때 상대 위치 지정 콘텐츠가 표시되지 않도록하고 싶습니다. 마치 오버플로가 숨겨진 스크롤 상자와 같습니다.

목표는 일종의 상자 스크롤을하지만 창 스크롤을 사용하는 것입니다.

저는 CSS 솔루션을 원하지만 모든 js 솔루션에도 열려 있습니다.

Answer 1

어떨까요? 고정

는

http://jsbin.com/uSEfUMA/2/edit

당신이 고정

Answer 2

배경이 페이지 bg와 같은 색으로 설정된 zindex div를 상대 위치 div 위에 놓고 절대 div 아래에 놓을 수 있습니다. 이렇게하면 상대 div가 페이지의 해당 지점으로 스크롤 할 때 어떻게 사라지는 지 알 수 있습니다. 나는 당신이 그것을 원한다고 믿는다, 또는 오버 플로우 숨겨진 절대 위치 지정을 사용하여 그것을 위치에 고정시키고 내용을 클립한다.