Javascript：总是显示Chrome地址栏

Question

如何使用 Javascript 在 Chrome 的移动设备上启用 "always show" 地址栏？
换句话说，不要在用户 向下滚动 .

时隐藏

Answer 1

您可以创建一个 div，将高度设置为 100% 并使用 overflow-y:auto;。

如果您复制此代码并将其粘贴到您的项目中，您会发现这就是您要查找的内容。

请谨慎使用，我个人喜欢 chrome 隐藏导航栏。

示例：

/* 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>

Javascript：总是显示Chrome地址栏

Javascript: always show Chrome address bar

javascript

address-bar

google-chrome