视口的右边，底边（分别）的x-，y-位置？

Question

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

谢谢！

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,
  }