共计 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