티스토리 뷰

bug

ios safari bug : fixed inside fixed

병약한소년-태희 2019. 10. 30. 14:06

#원인

부모 와 자식 노드가 fixed이고 부모의 영역이 스크롤(overflow-y:auto)을 실행할때 자식노드가 사라지거나 위아래로 흔들림.

  • 부모 영역이 fixed 스크롤(-webkit-overflow-scrolling: touch) 되고 자식노드가 fixed 인 경우 부모가 스크롤 상태중 자식노드가 화면에 노출되지 않음.

#이유

ios 모멘텀 스크롤이 실행되는 동안은 자식노드의 position 값이 업데이트 되지 않아 노출되지 않음.
부모영역의 스크롤이 끝날때 자식노드의 위치가 업데이트 됨.(동시에 화면에도 노출되지 않음, 영역은 존재함.)

#해결

  • 해결1 : fixed되는 자식요소는 스크롤 영역 밖에 위치 하여야함.
  • 해결2 : 모멘텀 스크롤 해제.(스크롤이 부드럽지 않다.)

'bug' 카테고리의 다른 글

모바일 크로스 도메인 새창 팝업  (0) 2019.10.31
ios safari tap event bug  (0) 2019.10.30
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함