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

Find the vertical position of scrollbar without jQuery

本文关键字：滚动条 垂直 位置 情况下 jQuery      更新时间：2023-09-26

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

跨浏览器解决方案：

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;

源

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

window.scrollY;  //for vertical scroll.

我是如何找到这个的：

  1. 在 Chrome 中，右键单击并选择检查元素。
  2. 找到并单击"显示控制台"按钮（左下角）
  3. 在控制台类型窗口中。滚动以查看选项。

这是一个特殊的工作流程，可以解决许多JavaScript问题。

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

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

相关文章：