Bootstrap Mobile scroll down, browser url bar didn't hide

Question

I have a website, use bootstrap framework,

My problems are

1. when I scroll down content, top browser search bar didn't hide.(iPhone)
2. When I click top of screen, page didn't auto scroll to top.
3. When I try to scroll up very fast, it kinds of delay.

Anyone know how to fix this problems?

Here is links http://hello-walker.com/framework/framework.php

pleas try on iPhone

Answer 1

Use this plugin. https://github.com/istvan-ujjmeszaros/bootstrap-autohidingnavbar

Add the following code to your page.

<script>$("div.navbar-fixed-top").autoHidingNavbar();</script>