移动端vue项目，隐藏顶部地址栏和底部工具条

Question

用vue 做移动端h5页面项目，想实现类似全屏效果，去掉手机浏览器的地址栏和底部工具条

<meta name="browsermode" content="application"><meta name="full-screen" content="yes" /><meta name="x5-fullscreen" content="true" /><meta name="x5-page-mode" content="app" /><meta name="360-fullscreen" content="true" />

项目是单页面模式，首次进入是好的，地址栏和工具条都没有，但是只要路径跳转，导航栏和工具条就会出现。手动刷新又会隐藏掉。
我试着用js scrollTop方式实现也不行。
为什么会出现这种情况，有什么办法解决吗。