怎么用scrollTop获取整个页面的滚动条

可以使用以下代码来获取整个页面的滚动条位置：

var scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;

这个代码会首先尝试获取HTML元素的scrollTop属性，如果不存在或者为0，则获取body元素的scrollTop属性。其中，document.documentElement代表HTML元素，document.body代表body元素。通过这个代码，可以获取整个页面的滚动条位置。

相关问题

使用vue3如何获取当前页面滚动条滚动了多少

在Vue3中，你可以使用`ref`和`watch`来监听窗口滚动事件，从而获取当前页面滚动条滚动了多少。以下是示例代码：

<template>
  <div>
    <p>页面已滚动 {{scrollTop}} 像素</p>
    <div style="height: 1000px;"></div>
  </div>
</template>

<script>
import { ref, onMounted, onUnmounted } from 'vue'

export default {
  setup() {
    const scrollTop = ref(0)

    const handleScroll = () => {
      scrollTop.value = window.pageYOffset
    }

    onMounted(() => {
      window.addEventListener('scroll', handleScroll)
    })

    onUnmounted(() => {
      window.removeEventListener('scroll', handleScroll)
    })

    return {
      scrollTop
    }
  }
}
</script>

在上面的例子中，我们使用`ref`函数来定义一个名为`scrollTop`的响应式变量，并将其初始值设为0。在`handleScroll`函数中，我们获取当前页面滚动条滚动了多少像素，并将其赋值给`scrollTop`变量。然后，我们使用`onMounted`和`onUnmounted`钩子来分别在组件挂载和卸载时添加和移除窗口滚动事件监听器。最后，我们将`scrollTop`变量返回给模板，以便在页面中显示当前滚动条滚动距离。

vue 获取屏幕滚动条位置

在 Vue 中，你可以使用 `window.scrollY` 或 `window.pageYOffset` 来获取屏幕滚动条的垂直位置。这两个属性都可以用来获取滚动条距离页面顶部的距离。例如：

// 在 Vue 组件中获取滚动条位置
export default {
  mounted() {
    window.addEventListener('scroll', this.handleScroll);
  },
  destroyed() {
    window.removeEventListener('scroll', this.handleScroll);
  },
  methods: {
    handleScroll() {
      const scrollTop = window.scrollY || window.pageYOffset;
      console.log(scrollTop);
    }
  }
}

在该示例中，我们在组件的 `mounted` 钩子中添加了一个滚动事件监听器，并在 `handleScroll` 方法中获取了滚动条的位置。当组件销毁时，我们还需要在 `destroyed` 钩子中移除滚动事件监听器，以防止内存泄漏。

请注意，`window.scrollY` 和 `window.pageYOffset` 在不同浏览器中可能会有不同的兼容性，你可以根据自己的需求选择其中一个来使用。