Jquery mobile常见问题汇总

最新推荐文章于 2024-07-26 00:00:12 发布

原创最新推荐文章于 2024-07-26 00:00:12 发布 · 1.1k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

学习随笔专栏收录该内容

4 篇文章

订阅专栏

本文提供了解决安卓应用转场时地址栏始终显示的问题的方法，包括使用JavaScript脚本来调整页面布局和设置body高度，确保在内容较少的情况下也能自动隐藏地址栏。

安卓转场的时候地址栏总是跳出来

<script>  
    window.onload=function(){  
        setTimeout(function() {  
            window.scrollTo(0, 1)  
        }, 0);  
    };  
</script>

但若你做一个简单页面，比如只有一句话，加上如上脚本，你会悲摧的发现，地址栏就是不自动隐藏；难道window.scrollTo()方法在这个浏览器不生效？

但是若你网页内容比较多，超过屏幕高度时，却会自动隐藏地址栏；

如何解决在内容较少时，同样隐藏地址栏呢？需在滚动之前程序动态设置一下body的高度，增加如下代码：

if(document.documentElement.scrollHeight <= document.documentElement.clientHeight) {  
    bodyTag = document.getElementsByTagName('body')[0];  
    bodyTag.style.height = document.documentElement.clientWidth / screen.width * screen.height + 'px';  
}

完整的代码如下：

 <script>  
            window.onload=function(){  
                if(document.documentElement.scrollHeight <= document.documentElement.clientHeight) {  
                    bodyTag = document.getElementsByTagName('body')[0];  
                    bodyTag.style.height = document.documentElement.clientWidth / screen.width * screen.height + 'px';  
                }  
                setTimeout(function() {  
                    window.scrollTo(0, 1)  
                }, 0);  
            };  
        </script>