javascript – 检测iPhone浏览器中是否显示地址栏

前端之家收集整理的这篇文章主要介绍了javascript – 检测iPhone浏览器中是否显示地址栏前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我的iPhone浏览器中的地址栏显示时,我试图以一种面向未来的设备独立的方式来检测.这是显示在顶部的工具栏,以显示URL.可以通过调用隐藏它:
window.scrollTo(0,0)

我想要做的是检测何时显示(从而减少可用的观看空间),并设置一个计时器再次隐藏一秒钟以上.比这更频繁,这将是非常烦人的,因为用户将无法访问地址栏.

我已经尝试检查window.pageYOffset,不幸的是,如果url栏的任何部分可见,则返回零.

我不想硬编码iPhone上的任何尺寸,并检查这些尺寸与当前的视口大小.太脆弱了

任何人都知道这里的解决方案?

解决方法

window.innerHeight属性是你要找的.这是屏幕上实际内容的高度.当顶部的工具栏可见时,显着减少,因为内容空间较小.有一个小问题,我似乎无法弄清我的iPhone 4 – window.innerHeight有时会在屏幕的某些滚动位置减少3像素.

我为你做了一个例子,或多或少做了你所问的,至少应该让你开始:

http://jsfiddle.net/rUSEb/show/light(在你的iphone上测试).

猜你在找的JavaScript相关文章