这个里面在Main.js中使用了一个定时器,通过定时器去判断浏览器是否位置改变。
function play() {setInterval( loop, 1000 / 40 )
}
function getBrowserDimensions() {
var changed = false
if (stage[0] != window.screenX) {
delta[0] = (window.screenX - stage[0]) * 50
stage[0] = window.screenX
changed = true
}
if (stage[1] != window.screenY) {
delta[1] = (window.screenY - stage[1]) * 50
stage[1] = window.screenY
changed = true
}
if (stage[2] != window.innerWidth) {
stage[2] = window.innerWidth
changed = true
}
if (stage[3] != window.innerHeight) {
stage[3] = window.innerHeight
changed = true
}
return changed
}
function doOnOrientationChange(){
switch(window.orientation)
{
case -90:
case 90:
alert('landscape')
break
default:
alert('portrait')
break
}
}
window.addEventListener('orientationchange', doOnOrientationChange)
// Initial execution if needed
doOnOrientationChange()
考虑IE6的话就比较简单,到了之后将这个div的position设置为fixed就好了top值是固定的\r\n但是如果要考虑IE6的话就麻烦一点,解决方法是有的但是代价过高,因为IE6不支持fixed这个属性你只能通过absolute来处理而此时top值是要不停地改变的,而且在IE6中这个div在滚动时会不停晃动,判断一下是否到底部