Javascript 视口的x-、y-位置'；s右侧，底部边缘（分别）？

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

---

谢谢

我想你可以使用window对象。这将是类似于

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

winX = window.screenX + window.outerWidth;

winY = window.screenY + window.outerHeight;

不管怎样，我想你明白了。好消息是它是纯香草JS

完整文档可在此处找到：

---

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

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

---

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

“无插件”和“使用jQuery”不属于同一句话……我不同意。jQuery是一个库。你可以用“插件”扩展它的功能，我不确定我是否理解：我没有要求尺寸（宽度或高度），我要求位置（视口右下角的坐标）。如果用户滚动页面，此位置将改变，但尺寸不会改变。在这种情况下，您可以只添加滚动位置。好的，这是我要求如何做的一部分。按照我上面给出的，添加

document.documentElement.scrollTop | | document.body.scrollTop

。对于宽度，对

Left

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