window对象 窗口的位置:scrollTop scrollLeft screenX screenY

时间:2022-11-28 15:00:50

如果以下说明我均在浏览器中测试过,如果有什么错误或者什么问题或者有表述不当的地方请大神们提点一下小菜鸟^_^

 

chrome/Opera:保存的是浏览器窗口左上角相对于屏幕的坐标值

浏览器窗口顶部到屏幕顶部的距离: window.screenTop,window.screenY(浏览器全屏为0)
浏览器窗口左边到屏幕左边的距离: window.screenLeft,window.screenX(浏览器全屏为0)

FF:保存的是浏览器窗口左上角相对于屏幕的坐标值

window.screenTop,window.screenLeft——undefined

浏览器窗口顶部到屏幕顶部的距离: window.screenX(浏览器全屏为-8)
浏览器窗口左边到屏幕左边的距离: window.screenY(浏览器全屏为-8)

IE:保存的是从屏幕上边和左边到window对象表示的页面可见区域的距离

网页顶部到屏幕顶部的距离:window.screenTop(浏览器全屏为工具栏的高度)

网页左边到屏幕左边的距离:window.screenLeft(浏览器全屏为0)

ie9+:浏览器窗口顶部到屏幕顶部的距离: window.screenX(浏览器全屏为-8)
ie9+:浏览器窗口左边到屏幕左边的距离: window.screenY(浏览器全屏为-8)

 

跨浏览器取得窗口左上角的坐标

var leftPos=(typeof window.screenLeft=='number')?window.screenLeft:window.screenX;
var topPos=(typeof window.screenLeftTop=='number')?window.screenLeftTop:window.screenY;

 

转载请注明出处:http://www.cnblogs.com/miss-radish/p/3660713.html