获取/设置浏览器scrollTop,兼容低版本ie及各主流浏览器
考虑到兼容各个浏览器,以及兼容低版本ie,经过自己测试,提出以下方法封装,仅供参考:
<script>/*** @method getScrollTop 获取scrollTop*/function getScrollTop() {var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;return scrollTop;}/*** @method setScrollTop 设置scrollTop* @param {number} scroll_top 设置的scrollTop值 */function setScrollTop(scroll_top) {document.documentElement.scrollTop = scroll_top;/*** window.pageYOffset = scroll_top;* ts使用时会报错:Cannot assign to 'pageYOffset' because it is a constant or a read-only property.* 在ts中使用时可注释掉*/ window.pageYOffset = scroll_top; document.body.scrollTop = scroll_top;}
</script>
参考链接:
https://blog.csdn.net/minedayu/article/details/39208121
获取/设置浏览器scrollTop,兼容低版本ie及各主流浏览器相关推荐
- React 项目兼容低版本浏览器
兼容低版本浏览器真的是让人头大,不过现在好在有框架鱼插件的运用,让我们轻松的兼容低版本浏览器,本文中以 DvaJS Cli 举例 下载 react-app-polyfill 和 core-js 插件 ...
- 兼容低版本IE浏览器的一些技巧分享
前言: 近期工作中,突然被要求改别人的代码,其中有一项就是兼容IE低版本浏览器,所以优雅降级吧. 我相信兼容低版本IE是许多前端开发的噩梦,尤其是改别人写的代码,更是痛不欲生. 本文将介绍一些本人兼容 ...
- 【CSS】清除浮动 ③ ( 清除浮动 - 使用 after 伪元素 | 语法简介 | 兼容低版本浏览器 | 原理分析 )
文章目录 一.清除浮动 - 使用 after 伪元素 ( 最流行写法 ) 1.额外标签法 和 overflow 样式法弊端 2.after 伪元素清除浮动简介 3.after 伪元素清除浮动核心代码 ...
- vue 检测ie版本_Vue2+Webpack+ES6 兼容低版本浏览器(IE9)解决方案
Vue2+Webpack+ES6 兼容低版本浏览器(IE9)解决方案 解决方式:安装 "babel-polyfill" 即可. 命令:npm install --save-dev ...
- 3dmax高版本转低版本插件_Fundebug前端JavaScript插件更新至1.8.0,兼容低版本的Android浏览器...
兼容低版本Android浏览器,请大家及时更新. Fundebug前端BUG监控服务 Fundebug是专业的程序BUG监控平台,我们JavaScript插件可以提供全方位的BUG监控,可以帮助开发者 ...
- React+Webpack+ES6 兼容低版本浏览器(IE9)解决方案
React+Webpack+ES6 兼容低版本浏览器(IE9)解决方案 参考文章: (1)React+Webpack+ES6 兼容低版本浏览器(IE9)解决方案 (2)https://www.cnbl ...
- element ui 兼容低版本浏览器
基于ES6的用Vue框架element ui写的页面,如果当需要解决兼容低版本浏览器时,会遇到在低版本浏览器中不显示效果,页面一片空白,但控制台也不报错,而在高版本可以正常显示的情况. 低版本效果: ...
- html兼容ie低版本,jquery不兼容低版本ie浏览器怎么办?
jquery不兼容低版本ie浏览器怎么办? 1.可以使用原生JS或者低版本的Jquery1.x版本.因为Jquery从2.x版本开始已经不再进行IE低版本(IE6.IE7.IE8)的兼容性处理.如果需 ...
- oracle19C设置兼容低版本oracle客户端
oracle19C设置兼容低版本客户端 由于oracle11G 官方不在维护,现在很多客户都把数据库升级到oracle19C,新项目也是使用oracle19C数据库居多,默认情况下Oracle 8,O ...
最新文章
- 山东大学继续教育计算机3,山东大学继续教育数字电子技术基础试题3及答案.doc...
- 机器学习算法基础(基础机器学习课程)——第一天
- python中itertools的用法_python中的itertools的使用详解
- 使用JUnit的ExpectedException和@Rule测试自定义异常
- 在Windows 7 x64 上编译libsvn
- 配置jdk1.7的环境变量
- C#开源文件实时监控工具TailTailUI
- url上传参 用requestmapping接受_14 个 Spring MVC 顶级技巧,随时用随时爽,一直用一直爽...
- [Linux 基础] -- Linux 之 fstab 文件详解
- MacOS使用GeoIP2库查询ip详细信息
- Intellij idea 最新版永久破解
- 3d胆码计算机方法,3D百十个位定胆技巧准确率95
- git实用技巧:将多次commit合并为一次
- 程序员创业:从有想法 - 公司注册 - 项目路演 - 一对一投资人商谈
- word插入对勾对号
- h5 c3 特效网站
- html5适配屏幕,HTML5屏幕适配标签设置
- 微信小程序获取用户信息
- 前端语法重温从0到1入门
- 理解断路器CircuitBreaker的原理与实现