首页 > Web开发 > 详细

从零开始的全栈工程师——js篇2.18(js的运动)

时间:2018-11-29 10:08:27      阅读:120      评论:0      收藏:0      [点我收藏+]

一、元素的 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) 会累加

 

从零开始的全栈工程师——js篇2.18(js的运动)

原文:https://www.cnblogs.com/lijieqiqi/p/qiershiba.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!