js中scroll滚动相关

scroll，滚动，一般讨论的是网页整体与浏览器之间的关系。

一.元素相关

属性/方法	解释
element.scrollHeight	返回元素的整体高度。
element.scrollWidth	返回元素的整体宽度。
element.scrollLeft	返回元素左边缘与视图之间的距离。
element.scrollTop	返回元素上边缘与视图之间的距离。

这四个属性，全部是只读属性

其中，无非就是分为宽高和左上。
两个方向。

1.scrollHeight 和 scrollWidth

使用scrollHeight和scrollWidth属性返回元素的高度，单位为px,包括padding
scrollHeight 和 scrollWidth返回的数值是包括当前不可见部分的。
scrollHeight 和 scrollWidth 属性为只读属性

2.scrollLeft 和 scrollTop

需要一个监听方法
还存在浏览器兼容问题

二.窗口相关

1.window对象的scrollBy() 和scrollTo()

1.scrollBy(x,y)

scrollBy(x,y)方法滚动当前window中显示的文档，x和y指定滚动的相对量。

scrollBy(0, 200) ==> 使得滚动条Y轴的位置，在当前的基础上增加200。比如：当前Y轴位置为0，执行后便是200；当前为100，执行后便是300。

要使此方法工作 window 滚动条的可见属性必须设置为true！

2.scrollTo(x,y)

scrollTo(xpos,ypos)

xpos 必需。要在窗口文档显示区左上角显示的文档的 x 坐标。
ypos 必需。要在窗口文档显示区左上角显示的文档的 y 坐标。

scrollTo(x,y)方法：滚动当前window中显示的文档，让文档中由坐标x和y指定的点位于显示区域的

分类: 前端

好文要顶关注我收藏该文

小小咸鱼YwY
关注 - 0
粉丝 - 482

+加关注

« 上一篇： Flask-wtforms类似django中的form组件
» 下一篇： Flask中多APP应用以及admin后台系统

js中scroll滚动相关相关推荐

IOS端 vux中scroll滚动自动回弹到顶部或者左侧的解决办法
IOS端 vux中scroll滚动自动回弹到顶部或者左侧的解决办法问题表象在滑动的时候,偶发性出现自动回弹到顶部的现象,通过onScroll回调发现scrollTop为-1造成回弹,开始寻找为什么 ...
原生JS中DOM节点相关API合集
原生JS中DOM节点相关API合集节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Te ...
JS中与正则相关的方法
前面有一篇文章大体介绍了一下JS中正则表达式,而使用正则表达式还需要配合JS中的相关方法,分别是String对象和RegExp对象的方法.今天就来具体介绍一下这些方法. 使用这则表达式的方法可以分为两 ...
Auto.js中APP应用相关指令
1. APP版本的命令 1. 当前应用版本号: app.versionCode 2. 当前应用版本名称: app.versionName 3. 当前Auto.js版本号: app.autojs.ver ...
Node.js中multer的相关操作
文章目录一.练习看结构 (1)index.html文件 (2)server.js文件示例一示例二 (3)常用二.multer的用法示意图三.表单转Ajax上传文件一.练习看结构 (1)in ...
JS中字符串的相关操作
2019独角兽企业重金招聘Python工程师标准>>> 一.字符串的创建创建一个字符串有几种方法.最简单的是用引号将一组字符包含起来,可以将其赋值给一个字符串变量. var myS ...
js 中对象--属性相关操作
查询属性: 可以用对象.属性来查询属性和属性方法或者对象["属性"] 来查询属性和属性方法演示代码: ...
前端学习（3264）：js中undefine中二相关属性
Swiper.js实现无缝滚动
1. 引入Swiper.js <script src="/static/swiper/swiper-bundle.min.js"></script> 其他获 ...

js中scroll滚动相关

js中scroll滚动相关

一.元素相关

1.scrollHeight 和 scrollWidth

2.scrollLeft 和 scrollTop

二.窗口相关

1.window对象的scrollBy() 和scrollTo()

js中scroll滚动相关相关推荐

最新文章

热门文章