页面滚动(scroll)有关JS操作
来源:互联网 发布:js array 编辑:程序博客网 时间:2024/06/10 08:08
1.scrollBy(x,y)
scrollBy()方法可把内容滚动指定的像素数。
x:必需。把文档向右滚动的像素数。
y:必需。把文档向下滚动的像素数。
例:window.scrollBy(100,100);
注意: 要使此方法工作 window 滚动条的可见属性必须设置为true!
2.scrollTo(x,y)
scrollTo()方法可把内容滚动到指定的像素数。
例:window.scrollTo(10,50);
3.scrollTop
scrollTop()方法返回或设置匹配元素的滚动条的垂直位置。
原生JS操作:document.body.scrollTop=0;
jQuery操作:$(document).scrollTop(0);
4.scrollY
scrollY,读取页面滚动条的垂直距离,貌似只能读取不能设置。
例:window.scrollY
5.onscroll()事件
例:window.onscroll=function(){};
常用实例:
点击右下角置顶按钮,页面缓缓的返回顶部。
var timer=setInterval(function(){ window.scrollBy(0,-30); if(window.scrollY===0){ clearInterval(timer); } },10);
0 0
- 页面滚动(scroll)有关JS操作
- 页面局部滚动(scroll)实现方式
- jquery(js)判断页面滚动条(scroll)是向上滚还是向下滚方向判断
- 用 jQuery 实现页面滚动(Scroll)效果
- 有关滚动条Scroll样式的设置
- 有关滚动条Scroll样式的设置
- extjs/jquery/js 操作页面滚动条
- Scroll通用不间断滚动JS封装类
- Elasticsearch的滚动(scroll)
- 用 jQuery 实现页面滚动(Scroll)效果的完美方法
- 页面优化之高性能滚动scroll(防抖和节流)
- js操作页面滚动条,开启禁用右键菜单
- js滚动页面到固定位置进行操作
- 子元素scroll父元素容器不跟随滚动(JS实现),子元素内滚动条没有(css实现)
- jQuery 实现 Scroll to Top 滚动到页面顶部
- 高性能滚动 scroll 及页面渲染优化
- 【前端性能】高性能滚动 scroll 及页面渲染优化
- 高性能滚动 scroll 及页面渲染优化
- 新的开始
- iOS-SQLite在项目中实际使用(Objective-C)
- sqlite3数据库相关
- 进入Material Design时代
- Best Graphical Git Clients and Git Repository Viewers for Linux
- 页面滚动(scroll)有关JS操作
- 线程同步:ManualResetEvent和AutoResetEvent
- TPatch动态补丁系统(iOS)
- 8086 汇编语言 走迷宫之 左手法则
- 文本模式/二进制模式 && 文本文件/二进制文件(编码系列-3)
- NMEA GPRMC 格式图解,NMEA 工具的比较
- Mac显示隐藏文件
- 439. Ternary Expression Parser
- android service详解