当我的iPhone浏览器中的地址栏显示时,我试图以一种面向未来的设备独立的方式来检测.这是显示在顶部的工具栏,以显示URL.可以通过调用隐藏它:
window.scrollTo(0,0)
我想要做的是检测何时显示(从而减少可用的观看空间),并设置一个计时器再次隐藏一秒钟以上.比这更频繁,这将是非常烦人的,因为用户将无法访问地址栏.
我已经尝试检查window.pageYOffset,不幸的是,如果url栏的任何部分可见,则返回零.
我不想硬编码iPhone上的任何尺寸,并检查这些尺寸与当前的视口大小.太脆弱了
任何人都知道这里的解决方案?
解决方法
window.innerHeight属性是你要找的.这是屏幕上实际内容的高度.当顶部的工具栏可见时,显着减少,因为内容空间较小.有一个小问题,我似乎无法弄清我的iPhone 4 – window.innerHeight有时会在屏幕的某些滚动位置减少3像素.
我为你做了一个例子,或多或少做了你所问的,至少应该让你开始:
http://jsfiddle.net/rUSEb/show/light(在你的iphone上测试).