모바일에서 레이어팝업

PC에서의 레이어팝업은 보기좋은 모양으로 직접 디자인해서 사용할 수 있는 아주 좋은 형태의 팝업이다.

마크업과 css 스크립트 도 간단해서, 초보자도 쉽게 만들수 있는 팝업이라, 정말 자주 이용되는 팝업이다.

 

모바일에서는 레이어를 지양한다. 정말 필요할때 빼고 새창으로 처리하거나, 박스타입으로 쇼 하이드로 구현하는경우도 많다.

이유는 자잘한 버그들이 많아서 인데, 이게 상당히 머리 아프게 만든다.

단적인 예로, 아이폰의 fixed 버그를 들수 있는데, 꽤 유명하다,

fixed 버그는 레이어가 발생한 상황에서 position:fixed를 했을 때에, 해당 레이어 안에 input 타입의 입력창이 있을경우,

스크롤시 부모 컨텐츠가 왔다갔다 하면서 현재의 커서의 위치를 인풋박스 밖으로 보내버린다는것.

물론 해결하기 위해서는 position:fixed를 position:absolute; 로 바꾸면 된다고들 하지만,

이것도 상황에 따라 다르고, absolute 로 해결되지 않는 경우도 많다.

능동적으로 이것저것 의심가는것들은 잘 생각해서 작업해야 한다.

개인적으로 모바일 에서의 레이어팝업은 좋아하지 않는다.