자바 스크립트 : 항상 Chrome 주소 표시 줄 표시

Question

활성화 방법 Javascript를 사용하는 휴대 기기에서 Chrome의 주소 표시 줄에 항상이 표시 되나요?
즉, 사용자 이으로 스크롤 될 때 숨기지 마십시오.

Answer 1

div을 만들고 높이를 100%으로 설정하고 overflow-y:auto;을 사용할 수 있습니다.

이 코드를 복사하여 프로젝트에 붙여 넣으면 원하는 코드가 표시됩니다.

조심해서 사용하십시오. 개인적으로 크롬이 탐색 바를 숨 깁니다. 또한 미래에, 당신이 정말로 당신의 질문에 대답하지 않는 대답을 받아들이면, 아무도 그것을 풀 수 없다는 것을 명심하십시오.

예 :

/* You NEED to set the container height */ 
 
html, body { 
 
    height:100%; 
 
} 
 

 
/* Then override the scrollbar by a custom scrollable element: */ 
 
.customnavigation { 
 
    height:100%; 
 
    overflow-y:auto; 
 
}

<div class="customnavigation"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
    <img src="http://placehold.it/150x150"> 
 
</div>