20、到文档顶部的距离和到浏览器窗距离

来源：互联网发布：怎么做自己的淘宝链接编辑：程序博客网时间：2024/06/08 10:16

<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>js</title><style type='text/css'>*{margin:0px;padding:0px;}body{height:500px;}</style></head><body><script type="text/javascript">//到文档顶部或者左边的距离//goudan(oBox).top//goudan(oBox).leftfunction goudan(obj){var top = 0;var left = 0;while ( obj != document.body ) //文档顶部为body  {top += obj.offsetTop;  left += obj.offsetLeft;obj = obj.offsetParent;};return {top : top,left : left};};//到浏览器窗口的距离//dachui(oBox).top;//dachui(oBox).left;function dachui(obj){var scrollTop = document.body.scrollTop||document.documentElement.scrollTop;//滚动距离var scrollLeft = document.body.scrollLeft||document.documentElement.scrollLeft;//滚动距离return {top : goudan(obj).top - scrollTop,//到文档顶部距离-右边滚动距离=到浏览器窗口顶部的距离left : goudan(obj).left - scrollLeft//到文档左边距离-底部滚动距离=到浏览器窗口左边的距离};};</script></body></html>

0 0