두 개의 서로 다른 높이의 div를 스크롤 할 때 서로 독립적으로 이동합니다.

Question

두 개의 div가 있는데 하나는 메뉴 (왼쪽 div)에 사용되고 다른 하나는 내용 (div)입니다. 내용은 목록 항목이 많은 목록보기입니다. 왼쪽 메뉴는 목록 항목의 융통성이없는 목록보기입니다 (스크롤이 필요하거나 필요하지 않을 수도 있음) 왼쪽 div에서 스크롤 할 때 페이지를 움직이거나 (오른쪽 div에서 ' t 이동)

예를 들어 facbook 모바일 설정 - 클릭은 페이지를 스크롤하지 않고 스크롤 할 수있는 왼쪽 메뉴를 제공합니다.

나는 자신을 충분히 분명하게 만들었기를 바랍니다.

jquery mobile poppup을 사용하여 페이지의 왼쪽 및 위쪽 가장자리에 위치시킵니다. 두 번째 (오른쪽 div)를 왼쪽 div의 너비만큼 오른쪽으로 밉니다. 오른쪽 div를 터치하면 왼쪽 div가 사라지고 다시 슬라이드됩니다 (왼쪽 0 픽셀).

Answer 1

왜 왼쪽 div의 높이를 고치고 overflow:scroll CSS 속성을 스크롤 할 수있게 설정해야하나요? 이것은 전체 페이지를 스크롤하지 않습니다. 당신을 위해 사용할 수

편집 다른 옵션은 사용하는 것입니다

스크롤 막대를 생성

overflow:auto 만 동료 스크롤하려면 유래 친구

overflow-y에 의한 콘텐츠, 멋진 캐치있을 때 세로 방향 만 스크롤하려는 경우

overflow-x 가로 방향으로 만 스크롤하려는 경우