如何确定对象到右侧浏览器窗口边框的距离

【问题标题】：How can I determine the distance of an object to the right browser window border如何确定对象到右侧浏览器窗口边框的距离
【发布时间】：2012-04-05 05:57:54
【问题描述】：

我如何才能计算出从对象 (div) 到右侧浏览器窗口边框的距离？

http://www.screencast.com/t/ryNgwa4E

谢谢！

【问题讨论】：

标签： jquery browser window offset

【解决方案1】：

$(window).width() - ($('#your-element').offset().left + $('#your-element').width());

这会将元素的宽度添加到文档中元素的位置，并将其从整个窗口大小中移开，这应该让您在元素和窗口之间保持右手距离。

【讨论】：

作为参考，您最好先将元素拉入 var，即 var elem = $('#your-element');然后引用 elem.offset().left;等 - 节省每次查询 DOM！
确保这在任何情况下都不起作用；场景：绝对中的绝对与溢出滚动 => 游戏结束；

【解决方案2】：

如果您需要包含元素的边框，请将.width() 替换为.outerWidth()：

el = $('#your-element');
$(window).width() - (el.offset().left + el.outerWidth());

没有 jQuery：

elRect = document.getElementById('your-element').getBoundingClientRect();
window.innerWidth - elRect.right

浏览器兼容性请参考getBoundingClientRect (IE9+)

【讨论】：