获取滚动条的滚动距离-JavaScript函数封装

作者: MaCong | 来源:发表于2023-07-19 09:31 被阅读0次

12 js07 window系列方法，脚本化CSS
js的一些常用方法
js相关-实用方法收集
javascript获取滚动条距离顶部的距离以及可是区域的高度
JS中的宽度、高度和位置
滚动条
前端工具函数、公用样式
常用的JavaScript方法封装
原生JS实现下拉事件
js/jq 获取宽高以及left、top值

点击JavaScript查看更多...

获取滚动条的滚动距离

用法：handGetScrollOffset()

// 触发滚动事件是调用该函数
const handGetScrollOffset = () => {
    if (window.pageXOffset) {
        
    
        return {
            x: window.pageXOffset,
            y: window.pageYOffset
        }
    } else {
        return {
            x: document.body.scrollLeft + document.documentElement.scrollLeft,
            y: document.body.scrollTop + document.documentElement.scrollTop
        }
    }
}

更多方法尽在专题JavaScript

12 js07 window系列方法，脚本化CSS
滚动条移动距离、获取可视窗口属性、获取dom元素尺寸、滚动条系列方法、脚本化CSS 【封装函数，形成工具库tool...
js的一些常用方法
1，关于滚动条获取滚动条滚动的距离window.pageXOffset window.pageYOffset...
js相关-实用方法收集
在有滚动条的情况下，判断页面是否滚动到了底部 $(window).scrollTop()：获取窗口滚动条的距离$...
javascript获取滚动条距离顶部的距离以及可是区域的高度
// 获取滚动条距离顶部的距离var osTop = document.documentElement.scrol...
JS中的宽度、高度和位置
获取屏幕的宽度和高度获取文档的宽度和高度获取滚动条的距离
滚动条
滚动条距离顶部的距离将滚动条滚动到某个坐标
前端工具函数、公用样式
一、通用样式 1. 细滚动条在出现滚动条的容器加上 scroll-style 类二、工具函数 1. 封装axi...
常用的JavaScript方法封装
1、获得滚动条的滚动距离 2、获得视口的尺寸 3、封装自己的forEach方法 4、封装自己的filter方法 5...
原生JS实现下拉事件
一获取三个高度页面滚动距离、文档总高度、浏览器视口高度 //滚动条在Y轴上的滚动距离 function getSc...
js/jq 获取宽高以及left、top值
1.获取滚动条距离顶部的高度： 2.获取某元素的宽高： 3.获取某元素的left和top：