반응형 IT업계에서 일하는 하는 윤뎁's log438 [CSS] safari 모바일 브라우저에서 overflow:hidden이 되지 않아요. !!! 문제가 발생한 코드 !!!상황을 설명하기 위한 코드이며, 실무에 적용한 코드는 아래와 다름....모달을 띄우기 위한 마크업 구조 ... 모달 컨텐츠 마크업 구조 body.overlay { overflow:hidden;} !!! 원인 !!!모바일 safari 브라우저에서 자주 발생하는 이슈이다. (또 safari 가 범인이니?)모바일 safari는 HTML과 body요소를 각각 별개의 뷰포트로 인식하여 스크롤을 처리함iOS safari는 전체 화면을 하나의 스크롤 가능한 영역으로 관리함touchmove 이벤트가 지속적으로 활성화된 상태에서는 safari가 터치를 계속 시도하며 overflow:hidden 규칙을 우회함iOS safari에서는 화면 스크롤을 멈췄을 때 약간 틩기는 바운스 효과가 .. 2024. 11. 10. 티빙에 방영하는 정년이를 보면서, if ? 요즘 즐겨보고 있는 드라마 중 하나인데,8화부터 였던가, 정년이가 목이 부러져 (일상 생활 대화는 가능하지만 소리를 할 수 없는 목이 나간 상태)소리가 좋아 소리 밖에 생각하지 않는 정년이가 소리를 할 수 없게 되는청천벽력과 같은 일이 벌어진다. 그 걸 보면서, 문득 이런 생각이 들었다. 내가 개발을 할 수 없는 상황이 온다면? 아직 생각을 하지 않아왔던 질문이고, 생각이고, 주제이다. 제2의 삶을 산다면?이라는 가정은 한 적이 있다. 제2의 삶은 제1의 삶이 없다는 것은 고려하지 않은 채 그리고 제2의 삶에 대해서는 과거와 지금은 변해있다.과거는 손으로 무엇이든 만드는 것을 좋아했던 나로써는 공방을 할 수 있는 카페를 운영하는 것이었고, 그 카페에서 여유롭게 개발을 하고 있는 모습이었다.지금은 IT직무.. 2024. 11. 10. [jQuery] $(document).ready(function() 와 $(window).ready(function() 차이 $(document).ready(function(){ //document를 파라미터로 넘기면,//태그등이 셋팅이 완료되었을때의 시점에 이벤트를//발생}); $(window).ready(function(){ //window를 파라미터로 넘기면,//모든 리소스, 즉 이미지, 플래시 등등 문서에 포함되어있는//모든 리소스가 로딩이 완료되는 시점에이벤트를 발생}); http://blog.daum.net/_blog/BlogTypeView.do?blogid=0TmNS&articleno=6 2015. 7. 31. Node.js와 IOT관련 정보 사이트 https://www.imaso.co.kr/news/article_view.php?article_idx=20140512160053 2015. 5. 28. 이미지맵 코드 생성 사이트 http://hoonchul.com/test/imagemap/ 2015. 5. 7. 이전 1 2 3 4 ··· 88 다음 반응형
