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

Question

如何计算从对象（div）到右侧浏览器窗口边界的距离？

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

谢谢！

Answer 1

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

将元素的宽度添加到文档中元素的位置，并将其从整个窗口大小中取出，这样可以使元素和窗口之间保持正确的距离。

Answer 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 +）