Jquery mobile常见问题汇总

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

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


猜你喜欢

转载自blog.csdn.net/vip_wst/article/details/9045507
今日推荐