jquery-scrollTop() 兼容性问题-如何解决
来源:互联网 发布:java的布尔类型 编辑:程序博客网 时间:2024/05/29 17:14
需求:检测滚动条位置,当到达一定的高度,就设置有些div浮动。
window.pageYOffset 支持360,火狐,谷歌
document.documentElement.scrollTop 支持火狐和360(谷歌一直返回0)
document.body.scrollTop 支持谷歌(360和火狐一直返回0)
源码:
// 设置tab置顶 $(window).scroll(function(){ console.log(window.pageYOffset); console.log(document.documentElement.scrollTop); console.log(document.body.scrolltop); var disTop = window.pageYOffset; console.log('disTop:'+disTop); if(disTop>=40){ $('#mainTabs .tabs-header').addClass('setTabFixed'); $('#mainTabs .tabs-panels').css('marginTop',40); }else{ $('#mainTabs .tabs-header').removeClass('setTabFixed'); $('#mainTabs .tabs-panels').css('marginTop',0); } // console.log('disTop:'+disTop); });
阅读全文
0 0
- jquery-scrollTop() 兼容性问题-如何解决
- 【兼容性解决】页面滚动距离document.documentElement.scrollTop兼容性问题
- 如何解决浏览器兼容性问题
- 如何解决兼容性问题
- 关于scrolltop兼容性问题
- jquery--scrollTop
- js scrollTop兼容性问题--document.body.scrollTop与document.documentElement.scrollTop
- 浏览器 窗口 scrollTop 的兼容性问题
- 解决jquery mobile的Chrome兼容性问题
- Jquery解决'placeholder'针对IE的兼容性问题
- X86如何解决Android应用兼容性问题?
- 如何解决IE7和IE8的兼容性问题
- Bootstrap2使用时如何解决兼容性问题
- 如何解决程序/C++Dll的兼容性问题
- 如何解决不同浏览器之间的兼容性问题
- 如何解决程序/C++Dll的兼容性问题
- [ jQuery ] scrollTop与offset()!
- JQuery Div scrollTop ScrollHeight
- execl单元格不为0的时候设置颜色
- 异常行为分析模型设计
- pgrouting路径分析(任意两点之间的最短路径)
- GBDT&Spark mllib
- Git 提示fatal: remote origin already exists 错误解决办法
- jquery-scrollTop() 兼容性问题-如何解决
- 在桌面上用鼠标点击一个图标,结果附近若干个图标都被选中的原因?
- 责任链模式
- svg 地图 及path的渲染
- HIBERNATE 持久化基础
- OpenStack LBaaS之Octavia
- viewpager+fragment
- tiny4412 Uncompressing Linux..... done, booting the kernel
- codevs1301 任务分配(容斥原理)