javascript - 视口右侧、底部边缘的 x、y 位置（分别）？

Question

我正在寻找一种无插件的方法来获取可见视口右边缘的 x 坐标，同样，使用 jQuery 或“普通”JavaScript 来获取其底部边缘的 y 坐标。

谢谢！

Answer 1

var width = document.documentElement.clientWidth || window.innerWidth;
var height= document.documentElement.clientHeight|| window.innerHeight;

Answer 2

我终于选择了这个（基于 jQuery 的）解决方案：

var $w = $(window);
var right_edge_x  = $w.scrollLeft() + $w.width();
var bottom_edge_y = $w.scrollTop()  + $w.height();

我不确定它与提出的其他解决方案有什么不同，更不用说它是否更好，但至少我可以理解它......

Answer 3

我认为您可以使用 window 对象。这将是类似的东西

winX = window.screenX + window.outerWidth;

winY = window.screenY + window.outerHeight;

无论如何，我想你明白了。好消息是它是纯香草 JS。

完整的文档可以在这里找到：

http://www.w3schools.com/jsref/obj_window.asp

Answer 4

  const { scrollY, innerHeight, scrollX, innerWidth } = window
  const viewport = {
    top: scrollY,
    bottom: scrollY + innerHeight,
    left: scrollX,
    right: scrollX + innerWidth,
  }