title: What can I do when "100vh" meets Chrome mobile tool bar
body: <p>When I set a div like this</p>
  
  <pre><code>    .exampleDiv {
        height:100vh;
      }
  </code></pre>
  
  <p>It works well on desktops<br>
  But on Chrome mobile, the moment I scroll the screen, <strong>the Chrome tool bar will appear, thus leading the expampleDiv' height change to: <br>
  100vh-touchbar'height</strong>
  <br>which is not smooth and is very wired.
  So what should I do to make "100vh" not changing with the tool bar?</p>