끄적대기

.scrollOff{position:fixed;overflow:hidden;height:100%;} // body 스크롤 막음 function scrollOff(){    $('body').addClass('scrollOff').on('scroll touchmove mousewheel', function(e){       e.preventDefault();    }); } // body 스크롤 풀기 function scrollOn(){    $('body').removeClass('scrollOff').off('scroll touchmove mousewheel'); } 지인에게 받은 팁...iOS때문에 여러사람들 고생하네...

1. 버그 발생 현상 표시된 이미지 부분 CSS가 동작하지 않는 현상 검색해보면 해당 속성들이 존재할때 브라우저들이 인식을 못하는 버그가 존재한다는 글들이 나오며 iOS를 제외한 브라우저들은 해당 현상을 고친것으로 나옴. iOS는 z-index 말고  transform :  translate3d ( 0 , 0 , 1px ); 을 사용해서 처리하는 쪽으로 해결책들이 검색됨. 하지만 해결이 안됬음...ㅠㅠ html <div class="img_wrap" style="position:relative;z-index:1;opacity:0;transform: translate(0, 0);"> <img src="/common/img/vin/main/banner02_obj1_180831.png" alt="" style="position:relative;z-index:3;"> <img src="/common/img/vin/main/banner02_obj2_180831.png" alt="" style="position:absolute;top:8%;left:0;z-index:1"> <img src="/common/img/vin/main/banner02_obj3_180831.png" alt="" style="position:absolute;top:8%;left:0;z-index:2"> <img src="/common/img/vin/main/banner02_obj4_180831.png" alt="" style="position:absolute;top:7.1667%;left:9.4667%;width:19.4667%;z-index:1;"> ...

overflow-x : scroll 사용시에 overflow 영역에서 터치로 화면 스크롤이 되지 않는 버그 https://stackoverflow.com/questions/41681251/overflow-x-scroll-inside-a-fixed-div-prevents-vertical-scrolling-on-ios