从零开始的全栈工程师——js篇2.18（js的运动）
2024-09-02 10:03:32
一、元素的 client offset scroll 三个系列
clientWidth / clientHeight / clientTop / clientLeft
offsetWidth / offsetHeight / offsetLeft / offsetTop / offsetParent
scrollWidth / scroHeight / scrollTop / scrollLeft
这十三个属性 前面十一个是只读属性 scrollTop和scrollLeft是既可读也可写
测试滚动条的距离
返回Y轴window.pageYOffset
返回X轴window.pageXOffset
获取整个文档的高：
document.body.scrollHeight || document.documentElement.scrollHeight
获取浏览器一屏幕的高（浏览器的可视区）：
document.body.clientHeight || document.documentElement.clientHeight
二、window下的两个事件
onscroll 当滚动条滚动的时候出发
onresize 当窗发生改变时触发
三、让滚动条滚动
window.scroll（x，y） 不累加
window.scrollTo（x，y） 跟上面一样
window.scrollBy（x，y） 会累加
最新文章
- 精通Web Analytics 2.0 （5） 第三章：点击流分析的奇妙世界：指标
- CSS3 2D 转换
- 利用URLScan工具过滤URL中的特殊字符（仅针对IIS6）-- 解决IIS短文件名漏洞
- 移动端边框1px的实现
- (转载)linux下tar.gz、tar、bz2、zip等解压缩、压缩命令小结
- Ignatius and the Princess III
- jQuery插件教程
- android 点击下弹动画实现
- SpringMVC的流程分析（二）—— HandlerMapping组件
- BZOJ_2595_[Wc2008]游览计划_斯坦纳树
- C# 中的Async 和 Await 的用法详解
- [SHOI2015]超能粒子炮·改
- 怎样使用PL/SQL在不安装oracle 客户端的情况下使用oracle数据库
- Linux运维命令总结（-）
- hadoop ha环境下的datanode启动报错java.lang.NumberFormatException: For input string: "10m"
- c# dev treelist 总结
- MyCat分库分表入门
- e833. 获得JTabbedPane中的卡片
- FormData 对象的使用
- DevExpress01：Bar Manager，bar 、Toolbars