반응형 FrontEnd75 [CSS] safari 모바일 브라우저에서 overflow:hidden이 되지 않아요. !!! 문제가 발생한 코드 !!!상황을 설명하기 위한 코드이며, 실무에 적용한 코드는 아래와 다름....모달을 띄우기 위한 마크업 구조 ... 모달 컨텐츠 마크업 구조 body.overlay { overflow:hidden;} !!! 원인 !!!모바일 safari 브라우저에서 자주 발생하는 이슈이다. (또 safari 가 범인이니?)모바일 safari는 HTML과 body요소를 각각 별개의 뷰포트로 인식하여 스크롤을 처리함iOS safari는 전체 화면을 하나의 스크롤 가능한 영역으로 관리함touchmove 이벤트가 지속적으로 활성화된 상태에서는 safari가 터치를 계속 시도하며 overflow:hidden 규칙을 우회함iOS safari에서는 화면 스크롤을 멈췄을 때 약간 틩기는 바운스 효과가 .. 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. 이미지맵 코드 생성 사이트 http://hoonchul.com/test/imagemap/ 2015. 5. 7. setInterval함수 clear setInterval 함수를 실행하고 싶지 않을 때가 있는데setInterval 함수를 전역변수에 담아서 var use_setInterval = setInterval(함수이름,시간)//시간은 0.1초 = 100clearInterval(use_setInterval);이런 식으로 clearInterval함수를 호출하면 됨. 2015. 5. 6. form에 focus가 있는지 확인 하는 방법 if ($("...").is(":focus")) { ... } 2015. 4. 1. 이전 1 2 3 4 ··· 15 다음 반응형
