<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>scroll</title> <style> body{ height: 3000px; } </style> </head> <body> <script> window.onscroll=function(){ //console.log(document.documentElement.scrollTop,document.documentElement.scrollLeft) //兼容问题 // console.log(document.body.scrollTop,document.body.scrollLeft) //2.1 兼容问题适配问题 //window.pageXOffset // console.log(window.pageXOffset,window.pageYOffset) var scrollTop=document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop||0 var scrollLeft =document.body.scrollLeft || window.pageXOffset || document.body.scrollLeft || 0 console.log(scrollTop,scrollLeft) } </script> </body> </html>
scroll兼容问题以及适配
猜你喜欢
转载自www.cnblogs.com/yuanxiangguang/p/11295913.html
今日推荐
周排行