ios 팝업시 overflow-x:scroll 안되는 문제

ios에서 레이어팝업 시 overflow-x:scroll 안되는 문제에 대해서

업무하면서 레이어팝업으로 창을 띄우고,

그 안에 table이 width가 길어서 overflow-x:scroll로 처리를 했는데,

레이어팝업으로 띄운 후 확인해보는데 가로 스크롤은 먹지만, 팝업 전체의 세로 스크롤은 안되는 것이다.

그것도 'ios'에서만 !!!!!!

증말 아이폰이 더 싫어졌따 ㅡ,ㅡ!!!

그래서 구글링하다가 찾았는데,

레이어팝업을 띄우는 class에다가 

{overflow-y:scroll;-webkit-overflow-scrolling:touch;}

그리고 table overflow-x:scroll을 먹인 css에다가 -webkit-transform:translateZ(0) 을 넣어 문제 해결!

.pop-up {overflow-y:scroll;-webkit-overflow-scrolling:touch;}

.table-scroll {overflow-x:scroll;-webkit-transform:translateZ(0)}

위와 같이 써주면 된다.