Javascript：始終顯示Chrome地址欄

Question

如何啓用「始終顯示」 Chrome中的地址欄在使用Javascript的移動設備上？
換句話說，當用戶向下滾動時不要隱藏。

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>