Scroll系列
Scroll系列:
属性:
scrollWidth:元素内容的实际宽度(没有边框)
scrollHeight:元素内容的实际高度(没有边框)
注意:如果没有内容(内容高度或宽度没有超过元素实际高度或宽度)就是元素的高度和宽度
scrollTop:向上卷曲出去的距离
scrollLeft:向左卷曲出去的距离
方法:
window.onscroll = function(){
console.log("我是一个滚动事件");
}
封装滚动函数,获取浏览器向上和向左卷曲出去的距离:
1 2 3 4 5 6 7 8 9 | /** * 封装滚动函数,获取浏览器向上和向左卷曲出去的距离 */ function getScroll() { return { left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0, top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0 } } |
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步