所以我有以下代码必须返回给定对象的屏幕坐标:
<!DOCTYPE HTML>
<html>
<head>
</head>
<body style="margin:0px;padding:0px;">
<div id="help" style="top:100px;right:100px;height:200px;width:200px;position:fixed;border:1px solid #000"></div>
<div id="what">what</div>
<div style="position:relative;margin-top:10000px;"></div>
<script>
function getoffset(element) {
var xPosition = 0;
var yPosition = 0;
while(element) {
yPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);
xPosition += (element.offsetTop - element.scrollTop + element.clientTop);
element = element.offsetParent;
}
return [xPosition, yPosition];
}
function cl(){
var help = document.getElementById('help');
var what = document.getElementById('what');
var where = getoffset(what);
help.innerHTML= where;
}
setInterval(function (){cl()},100);
</script>
</body>
它在 IE、chrome、opera 和 ff 上运行良好,直到我添加 <!DOCTYPE HTML>
指令(强制 IE 尊重 div 定位)。
当我这样做时,这段代码始终返回相同的值(只有 Chrome 做得很好)。我做错了什么??
最佳答案
您正在使用一些 HTML 或 javascript,这取决于 quirks mode 中的浏览器功能(IE9+ 还具有“IE8 标准模式”)。添加有效的现代文档类型使浏览器处于标准/严格模式。
问题可能是您对 scrollLeft
/scrollRight
和 scrollTop
/clientTop
的使用。他们behave differently in older browsers .
关于javascript - !doctype html 毁了我的脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21363090/