浏览器中 scrollTop, offsetTop, clientHeight 参考

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>浏览器中 scrollTop, offsetTop, clientHeight 参考</title>
</head>
<body style="margin:0;padding:0;">
    <div style="padding-top:1000px;padding-bottom:10px;">
        <a href="###" onclick="alert(document.documentElement.scrollTop)">scroll时,被隐藏的高度</a>
        <a href="###" onclick="alert(this.offsetTop)">距父元素顶部高度</a>
        <a href="###" onclick="alert(document.documentElement.clientHeight)">可见区域高度</a>
    </div>
    <div>
        <a href="###" onclick="alert(document.documentElement.scrollTop)">scroll时,被隐藏的高度</a>
        <a href="###" onclick="alert(this.offsetTop)">距父元素顶部高度</a>
        <a href="###" onclick="alert(document.documentElement.clientHeight)">可见区域高度</a>
    </div>
</body>
</html>

你可能感兴趣的:(浏览器中 scrollTop, offsetTop, clientHeight 参考)