设置scrollTop
来源:互联网 发布:支付宝怎么改淘宝密码 编辑:程序博客网 时间:2024/05/16 11:20
最近用到scrolloTop()想去获取滚动条距离顶部的距离,结果只有chrome下面可以正常的获取scrollTop,结果ff和ie下这个值都等于0,使得许多效果比如屏幕滚动等等均无法正常实现。究其原因是scrollTop()在各个浏览器中的兼容性问题,在ff和ie,以及是否有doctype声明的时候都会有不同的效果。
下面是兼容各种浏览器的写法,分别为获取当前的scrollTop和设置scrollTop:
//兼容方式获取scrolltop以及设置scrolltopfunction getScrollTop() {var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;return scrollTop;}function setScrollTop(scroll_top) {document.documentElement.scrollTop = scroll_top;window.pageYOffset = scroll_top;document.body.scrollTop = scroll_top;}
测试后发现无兼容问题。
本文转载自minedayu博客,版权归minedayu所有
0 0
- 设置scrollTop
- 设置scrollTop无效
- scrollTop
- scrollTop
- scrollTop
- scrollTop
- scrolltop
- scrollTop
- scrollTop浏览器兼容性获取和设置方法
- 元素scrollTop设置无效的原因及解决办法
- easyUI的dialog怎么设置scrolltop每次打开恢复初始位置
- jquery获取设置元素宽高位置height()、width()、offset()、position()、scrollTop()、scrollLeft()
- scrollTop属性
- jq scrollTop
- scrollTop 兼容
- scrollTop属性
- SCrollTOP scrollHeight
- scrolltop家族
- git客户端连接ssh端口不是22的gitlab
- 全局变量堆内存申请顺序
- MySQL索引和查询优化
- shell的字符串以及字符串的处理
- Arraylist集合中装HashMap集合
- 设置scrollTop
- maven搭建一个Hibernatedemo
- Trie树
- Web项目性能优化之减少HTTP请求次数优化
- WINDOWS API ——CREATEMUTEX——创建互斥对象 http://www.cnblogs.com/wind-net/archive/2012/08/29/2661702.html
- Windows下Eclipse连接hadoop
- js获取从后台返回JSONArray数据
- android(23)(网易新闻的简单例子:包括pull解析,httpclient和ListView等知识点)
- Allegro 导出gerber底片文件时出现APERTURES USED: NONE 时底片无法正常输出解决办法