모바일 브라우저 주소창 자동숨김

1 개요

mobile-web-app-capable

모바일 브라우저 주소창 자동숨김

• 스크롤을 내리면 주소창이 위로 퇴장하고

스크롤을 올리면 주소창이 위에서 등장함

<meta name="mobile-web-app-capable" content="yes">

<meta name="apple-mobile-web-app-capable" content="yes">

2 예시

<style>
html {
  height: 150%;
  background: linear-gradient(red, yellow, green);
}
</style>

<meta name="apple-mobile-web-app-capable" content="yes" />

3 같이 보기

• 아이폰 사파리 UI 숨기기
• jQuery 내비게이션바 자동숨김
• 주소창
• 자동숨김
• meta 태그
• 웹앱 매니페스트

4 참고

• https://code.tutsplus.com/tutorials/full-screen-web-apps--mobile-7509
• https://developers.google.com/web/fundamentals/native-hardware/fullscreen/ ★
• http://stackoverflow.com/questions/28647604/force-hide-address-bar-in-chrome-on-android