在没有jQuery的情况下找到滚动条的垂直位置

Question

我试图找到滚动条的垂直位置，类似于jQuery的scrollTop（），但没有jQuery。还有其他选择吗？

Answer 1

跨浏览器解决方案：

var supportPageOffset = window.pageXOffset !== undefined;
var isCSS1Compat = ((document.compatMode || "") === "CSS1Compat");

var scrollLeft = supportPageOffset ? window.pageXOffset : isCSS1Compat ? document.documentElement.scrollLeft : document.body.scrollLeft;
var scrollTop = supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop;

^source

Answer 2

是的，滚动位置存在于DOM中：

window.scrollY;  //for vertical scroll.

我是如何找到这个的：

  

  
1. 在Chrome中，右键单击并选择“检查元素”。
  
2. 查找并点击“显示控制台”按钮（左下角）
  
3. 在控制台类型window.scroll中查看选项。
  

- 这是一个解决大量JavaScript问题的特殊工作流程。

我看到window.scrollTo（0）作为滚动到顶部的选项。

Answer 3

scrollX和scrollY .... scrollY相当于jquery scrollTop()