JavaScript。绝对位置<；李>；相对于浏览器边界的元素？
如何知道JavaScript。绝对位置<；李>；相对于浏览器边界的元素？,javascript,html,css,Javascript,Html,Css,如何知道元素相对于浏览器边界的绝对位置 <html> <body style="overflow: hidden"> <div ID="Ticker" style="position:absolute; white-space: nowrap;"> <ol style="list-style-type:decimal; "> <li style="float: l
<html>
<body style="overflow: hidden">
<div ID="Ticker" style="position:absolute; white-space: nowrap;">
<ol style="list-style-type:decimal; ">
<li style="float: left; width: 100px; padding: 2px 0px;">Test</li>
<li style="float: left; width: 100px; padding: 2px 0px;">Test</li>
<li ID="TargetElem" style="float: left; width: 100px; padding: 2px 0px;">Test</li>
<li style="float: left; width: 100px; padding: 2px 0px;">Test</li>
<li style="float: left; width: 100px; padding: 2px 0px;">Test</li>
<li style="float: left; width: 100px; padding: 2px 0px;">Test</li>
<li style="float: left; width: 100px; padding: 2px 0px;">Test</li>
</ol>
</div>
<script type="text/javascript" src="ticker.js" language="javascript"></script>
</body>
</html>
测试
测试
测试
测试
测试
测试
测试
ID=“TargetElem”的左值
var elem = document.getElementById('TargetElem');
var left = elem.offsetLeft;
jQuery提供了以下选项：
元素的位置给出了元素左上角相对于窗口左上角的距离（以像素为单位）的位置
要查找元素的x偏移，请执行以下操作：
$('#TargetElem').offset().left
$('#TargetElem').offset().top
要查找图元的y偏移，请执行以下操作：
$('#TargetElem').offset().left
$('#TargetElem').offset().top
.普通JS：
var elem = document.getElementById('TargetElem');
var left = elem.offsetLeft;
jQuery提供了以下选项：
元素的位置给出了元素左上角相对于窗口左上角的距离（以像素为单位）的位置
要查找元素的x偏移，请执行以下操作：
$('#TargetElem').offset().left
$('#TargetElem').offset().top
要查找图元的y偏移，请执行以下操作：
$('#TargetElem').offset().left
$('#TargetElem').offset().top
假设相对于窗口偏移，这将为您提供正确的值
假设 相对于窗口偏移，这将为您提供正确的值。借用自
这个功能应该在IE6、IE7、IE8、Safari、Firefox和Chrome中运行良好，但我还没有对它进行彻底测试。此外，这篇文章可能与您的需求相关
我希望这有帮助。从
这个功能应该在IE6、IE7、IE8、Safari、Firefox和Chrome中运行良好，但我还没有对它进行彻底测试。此外，这篇文章可能与您的需求相关
我希望这能有所帮助。Java和JavaScript没有关联，所以我重新标记了您的帖子以删除[Java]
标记。Java和JavaScript没有关联，所以我重新标记了您的帖子以删除[Java]
标记。这是jQuery。在帖子中他没有提到jQuery。@Chris，谢谢！虽然最初jQuery建议是我的全部答案（正如@Ryan正确指出的，问题中没有要求）叹气=）是的，我看到了。我认为@Ryan的评论有点奇怪，直到我在post history中查看时为止。@Chris+1（花时间查看）=）这是jQuery。在帖子中他没有提到jQuery。@Chris，谢谢！虽然最初jQuery建议是我的全部答案（正如@Ryan正确指出的，问题中没有要求）叹气=）是的，我看到了。我认为@Ryan的评论有点奇怪，直到我在post history中查看时为止。@Chris+1（花时间查看）=+1。在我看到你的消息之前，我打算发布相同的代码（我曾经发现过那个网页，当时我遇到了类似的问题）。谢谢：）我相信有多种方法可以做到这一点，也许还有更好的方法。例如，我不确定是否所有浏览器都支持offsetParent
。+1。在我看到你的消息之前，我打算发布相同的代码（我曾经发现过那个网页，当时我遇到了类似的问题）。谢谢：）我相信有多种方法可以做到这一点，也许还有更好的方法。例如，我不确定是否所有浏览器都支持offsetParent
。