iPad에서 한 방향으로 스크롤하도록 HTML 테이블 제한

Question

기본 HTML 테이블이 있으며 폭과 높이가 둘 다 제한되어 수직 및 수평으로 스크롤됩니다.

모든 것이 잘 작동하지만 iPad에서는 모든 방향 (대각선 포함)으로 스크롤 할 수 있습니다. 이것은별로 좋지 않습니다. 한 번에 한 방향으로 스크롤을 제한하고 싶습니다. HTML/CSS/JS/jQuery로 가능합니까? 플러그인은 괜찮습니다.

테이블에 KendoUI Grids를 사용하고 있어도 차이가 있습니다.

JSFiddle 예제 : http://jsfiddle.net/dmathisen/km6CN/1/

<table> 
    <tr> 
     <td>Some code so I can post JS Fiddle link</td> 
    </tr> 
</table> 

Answer 1

당신은 당신의 코드에 overflow-x:hidden;를 추가하여 순수 CSS와 함께 할 수 있습니다. 이렇게하면 왼쪽/오른쪽 스크롤이 완전히 비활성화됩니다.

http://jsfiddle.net/Fizk/Srv7N/

프로그래밍/비활성화 스크롤, 당신은 아주 잘 그렇게 할 jQuery를 사용할 수 있도록하려면

#restricted { 
    width: 400px; 
    height: 300px; 
    border: 1px solid red; 
    overflow-x: hidden; 
} 

;

$("#restriceted").css("overflow-x","hidden"); 
// Restricting to only up/down scroll