公装网站怎么做,西安百度框架户,有项目找资金的平台,网站模板建设报价单在学习JavaScript的时候#xff0c;深入学习时会遇到一些实际案例需要检测文档在垂直方向已滚动的像素值。
例如#xff0c;当前页面内容很多#xff0c;我想要滚动鼠标滑轮或者拖拽滚动条来浏览网页下面的内容。这时候一动滚动条#xff0c;一些绝对固定的盒子却想要随着…在学习JavaScript的时候深入学习时会遇到一些实际案例需要检测文档在垂直方向已滚动的像素值。
例如当前页面内容很多我想要滚动鼠标滑轮或者拖拽滚动条来浏览网页下面的内容。这时候一动滚动条一些绝对固定的盒子却想要随着网页内容的滚动需要重新定位在页面中的某一位置这时若想要通过js来实现定位的辅助那么就必须要使用能检测文档在垂直方向已滚动的像素值的函数来实现。
应该有部分人在学习JavaScript这部分的时候是被教使用
pageYOffset
首先这个函数没问题不但ie9以上可以用ie9以下也可以用其实直接用它也没问题
就是这个函数在webstorm里就显示已经被官方弃用了 虽然显示被弃用但是功能还是依旧正常的 那么如果是想用别的函数来替代这个pageYOffset函数官方也给出了新函数
scrollY
Window.scrollY【官方文档】
本质上来说pageYOffset 属性是 scrollY 属性的别名
window.pageYOffset window.scrollY; // 总是返回 true
测试代码(片段)
scriptwindow.addEventListener(scroll, function () {console.log(window.pageYOffset);console.log(-----------------);console.log(window.scrollY);console.log();})
/script 可以看到他俩是完全一样的结果
为了跨浏览器兼容请使用 window.pageYOffset 代替 window.scrollY。另外旧版本 IE9两个属性都不支持必须使用其他的非标准属性。完整的兼容性代码如下
var supportPageOffset window.pageXOffset ! undefined;
var isCSS1Compat (document.compatMode || ) CSS1Compat;var x supportPageOffset? window.pageXOffset: isCSS1Compat? document.documentElement.scrollLeft: document.body.scrollLeft;
var y supportPageOffset? window.pageYOffset: isCSS1Compat? document.documentElement.scrollTop: document.body.scrollTop;
