수평 끌기를 사용 중지하는 방법은 무엇인가요? (webkit-overflow-scrolling : touch;)

우리는 iOS 5의 웹킷 'touch'를 스크롤 할 때 다음과 같은 CSS를 사용하여 수직 스크롤링을 할 수 있지만 여전히 페이지를 좌우로 드래그 할 수 있습니다. 왼쪽 및 오른쪽 끌기를 어떻게 비활성화 할 수 있습니까? 사전에
http://dl.dropbox.com/u/1737103/scrolling.mov 수평 끌기를 사용 중지하는 방법은 무엇인가요? (webkit-overflow-scrolling : touch;)

감사 :

여기

#page_content{ 

-webkit-overflow-scrolling: touch; 
overflow-x:hidden; 
overflow-y: scroll; 
position:absolute; 
height: 460px; 
width: 320px; 

}

비디오입니다 : 여기

는 CSS입니다!

출처

2012-01-18 user1155813

나는 동일한 문제가 있으며 예, 가로 모드로 유지됩니다. –

나는 또한이 문제가있다. 오버플로가있는 div에 넣으려고했습니다. 숨겨진 솔루션과 무수히 많은 솔루션이 있으며, 그 중 아무 것도 작동하지 않았습니다. –

너비가 넓은 요소를 찾아서/고정/제거하여 해결할 수 있음을 발견했습니다. 예를 들어, 컨테이너의 너비가 100 %이고 안쪽 요소의 여백 또는 패딩이 100 % 인 경우 오버플로가 컨테이너에 숨겨져 있더라도 페이지가 좌우로 끌립니다.

내부 요소가 컨테이너 외부로 수평으로 누출되지 않도록하려면 페이지가 드래그되지 않습니다. 컨테이너 내부의 백분율 너비 (너비가 100 % 인 하나의 요소 또는 50 % 또는 그 이상의 두 값과 같은)로 채우기가 필요하면 'box-sizing : border-box;' 앞으로 나아갈 길입니다.

출처

2012-10-01 09:57:33 Ben

수평 끌기를 사용 중지하는 방법은 무엇인가요? (webkit-overflow-scrolling : touch;)

답변

관련 문제