页面滚动隐藏的高度scrollTop

当页面高度超出可视区高度时，会出现滚轮条，页面滚动即页面顶部隐藏
获取元素的隐藏高度一般使用元素的scrollTop属性

页面隐藏高度 一般可以使用一下方式获取

const scrollTop0 = document.documentElement.scrollTop  // safari，chrome没有<!DOCTYPE html>声明的页面 值为零, 
const scrollTop1 = document.body.scrollTop  // chrome使用<!DOCTYPE html> 值为零

// 对于 Safari 还可以
const scrollTop2 = window.pageYOffset

// 所以兼容
const scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
posted @ 2020-09-23 11:30  zhanglw  阅读(508)  评论(0)    收藏  举报