주소창과 바텀시트 고정시키기
body {
overflow: hidden;
position: fixed;
}
.wrapper {
position: absolute; /*또는 position: fixed도 상관없음. 띄워져만 있으면 됨.*/
}
BODY 에 overflow: hidden; position: fixed; 를 주면 모바일에서 브라우저의 주소창과 풋터가 움직이지 않는다. 대신 콘텐츠는 body위에 띄워져 있어야한다.
반응형
'Issues > Mobile(Web&App)' 카테고리의 다른 글
[html & ios] 전화번호가 들어있는 span태그로 감싼 텍스트인데 전화가 되고 css가 이상할때 (0) | 2021.12.29 |
---|---|
[IOS & javascript] ios 이모티콘 키패드 height 조정하기 (emoji keypad window resize) (0) | 2021.12.08 |
[APP & javascript] ios, Android 앱 마켓 이동하기(+ ios 앱스토어 이동 오류) (0) | 2021.12.03 |
[IOS & javascript] new Date() invalid date 오류! (0) | 2021.12.03 |