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

Question

我怎么可能算出一个对象(div)到右边浏览器窗口边框的距离？

http:/www.screencast.comtryNgwa4E

谢谢!

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+)