JavaScript之onscroll事件
来源:互联网 发布:淘宝店铺名称旗舰店 编辑:程序博客网 时间:2024/04/28 02:37
onscroll事件
•是页面滚动条滚动事件,当页面滚动条滚动时候,自动触发
•如果页面没有滚动条或者没有发生滚动操作,则不会执行onscroll事件
•从属于window对象,事件应绑定到window对象上
scrollTop和scrollLeft
•当页面内容区域超出了浏览器展示范围,页面会出现滚动条
•scrollTop指的是向上滚动头部高度
•scrollLeft指的是向左滚动的宽度
•注意:兼容性不好,不同浏览器的scrollTop/scrollLeft属性从属对象不一
•chrom浏览器:从属于body对象上
•火狐浏览器:从属于documentElement对象上
•ie9+浏览器、chrom、firefox:window.pageXOffset和window.pageYOffset
兼容写法:
document.body.scrollTop||document.documentElement.scrollTop||window.pageYOffset||0
document.body.scrollLeft||document.documentElement.scrollLeft||window.pageXOffset||0
0 0
- JavaScript之onscroll事件
- javascript onscroll
- DHTML的onScroll事件
- 多个onscroll事件解决
- window.onscroll = function(){}事件
- ScrollView 组件原生事件onScroll
- 【JavaScript】利用滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
- 【JavaScript】利用滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
- window.onscroll事件 谷歌兼容性问题
- 如何稀释onscroll事件的原理
- ReactJs 添加和删除onScroll事件。
- JavaScript事件之鼠标事件
- JavaScript之事件流
- JavaScript之事件流
- JavaScript之事件对象
- Javascript之自定义事件
- JavaScript之事件对象
- JavaScript之事件流
- [总结]FFMPEG视音频编解码零基础学习方法
- LPC824_VEML6075紫外检测模块学习笔记(ch1 + ch2)
- eclipse+maven创建多模块web工程
- JNI开发指南
- 5055. 树上路径
- JavaScript之onscroll事件
- jsonp跨域,cors跨域分享以及HttpClient跨域
- virtualbox实现虚拟机中共享本地目录
- 一个基于React Native实现的美食类APP。
- 史上最简单的SpringCloud教程 | 第十篇: 高可用的服务注册中心
- 排序算法总结与C++实现(冒泡、简单选择、直接插入、堆、归并、快速)
- Android开发中网络调试利器Postman安装教程
- jQuery学习五-DOM和CSS操作
- android自动化测试Uiautomator源码分析之三