-
1. 内容没有超出元素范围时
- scrollWidth: = 元素宽度 + 内边距宽度 == clientWidth
- scrollHeight: = 元素高度 + 内边距高度 == clientHeight
let oDiv = document.querySelector("div"); console.log(oDiv.scrollWidth); console.log(oDiv.scrollHeight);
-
2.内容超出元素范围时
- scrollWidth: = 元素宽度 + 内边距宽度 + 超出的宽度
- scrollHeight: = 元素高度 + 内边距高度 + 超出的高度
let oDiv = document.querySelector("div"); console.log(oDiv.scrollWidth); console.log(oDiv.scrollHeight);
-
3. scrollTop / scrollLeft
- 当内容从内边距移出去高度/宽度
// onscroll事件: 监听滚动条的滚动 oDiv.onscroll = function () { console.log(oDiv.scrollTop); }
网友评论