가로 스크롤 막대를 페이지 내의 div에 어떻게 맵핑 할 수 있습니까?

Question

의 난이 같은 페이지에 두 개의 div가 있다고 가정 해 봅시다 :

<div style="width:300px;height:100px;overflow:hidden"> 
    <div style="width:3000px;height:100px"> 
    some content 
    </div> 
</div> 

과의이 외부 사업부는 페이지의 중간 어딘가에 위치한다고 가정하자.

글로벌 문서 스크롤바를 해당 div에 "매핑"할 수 있습니까? 마우스/트랙 패드의 가로 스크롤 기능을 사용하여 해당 내부 div를 왼쪽 및 오른쪽으로 이동할 수 있습니까? 나는 그것이 내가 뭘하려고 오전 분명 희망

...

Answer 1

나는이 스크롤 바의 영향받는 영역을 다시 매핑 할 수있어 확실하지 않다. 그러나 고정 된 위치 div (position:fixed;)를 만들고 왼쪽과 오른쪽으로 스크롤해야하는 것과 동일한 시각 효과를 얻을 수 있습니다. 부모> 자식 대신 두 divs 형제를 만들어야합니다. 이는 잘하면 거래 차단자가 아닙니다.

이렇게하면 페이지의 스크롤바가 정상적으로 마치 '자식'div에 영향을 주지만 다른 하나는 잠긴 상태로 유지됩니다.

희망이 도움이되었습니다.