共计 496 个字符,预计需要花费 2 分钟才能阅读完成。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
<style type="text/css">
body{height: 2000px;}
</style>
</head>
<body>
<script>
window.onscroll=function () {
var top=document.body.scrollTop;
console.log(top);
}
</script>
</body>
</html>
IE:
对于没有 doctype 声明的页面用 document.body.scrollTop
Chrome、Firefox:
对于有 doctype 声明的页面,则使用
document.documentElement.scrollTop
Safari:
safari 比较特别,有自己获取 scrollTop 的函数:window.pageYOffset
var top= window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;// 兼容写法
正文完
发表至: javascript
2019-11-04