考虑到兼容各个浏览器,以及兼容低版本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及各主流浏览器相关推荐

  1. React 项目兼容低版本浏览器

    兼容低版本浏览器真的是让人头大,不过现在好在有框架鱼插件的运用,让我们轻松的兼容低版本浏览器,本文中以 DvaJS Cli 举例 下载 react-app-polyfill 和 core-js 插件 ...

  2. 兼容低版本IE浏览器的一些技巧分享

    前言: 近期工作中,突然被要求改别人的代码,其中有一项就是兼容IE低版本浏览器,所以优雅降级吧. 我相信兼容低版本IE是许多前端开发的噩梦,尤其是改别人写的代码,更是痛不欲生. 本文将介绍一些本人兼容 ...

  3. 【CSS】清除浮动 ③ ( 清除浮动 - 使用 after 伪元素 | 语法简介 | 兼容低版本浏览器 | 原理分析 )

    文章目录 一.清除浮动 - 使用 after 伪元素 ( 最流行写法 ) 1.额外标签法 和 overflow 样式法弊端 2.after 伪元素清除浮动简介 3.after 伪元素清除浮动核心代码 ...

  4. vue 检测ie版本_Vue2+Webpack+ES6 兼容低版本浏览器(IE9)解决方案

    Vue2+Webpack+ES6 兼容低版本浏览器(IE9)解决方案 解决方式:安装 "babel-polyfill" 即可. 命令:npm install --save-dev ...

  5. 3dmax高版本转低版本插件_Fundebug前端JavaScript插件更新至1.8.0,兼容低版本的Android浏览器...

    兼容低版本Android浏览器,请大家及时更新. Fundebug前端BUG监控服务 Fundebug是专业的程序BUG监控平台,我们JavaScript插件可以提供全方位的BUG监控,可以帮助开发者 ...

  6. React+Webpack+ES6 兼容低版本浏览器(IE9)解决方案

    React+Webpack+ES6 兼容低版本浏览器(IE9)解决方案 参考文章: (1)React+Webpack+ES6 兼容低版本浏览器(IE9)解决方案 (2)https://www.cnbl ...

  7. element ui 兼容低版本浏览器

    基于ES6的用Vue框架element ui写的页面,如果当需要解决兼容低版本浏览器时,会遇到在低版本浏览器中不显示效果,页面一片空白,但控制台也不报错,而在高版本可以正常显示的情况. 低版本效果: ...

  8. html兼容ie低版本,jquery不兼容低版本ie浏览器怎么办?

    jquery不兼容低版本ie浏览器怎么办? 1.可以使用原生JS或者低版本的Jquery1.x版本.因为Jquery从2.x版本开始已经不再进行IE低版本(IE6.IE7.IE8)的兼容性处理.如果需 ...

  9. oracle19C设置兼容低版本oracle客户端

    oracle19C设置兼容低版本客户端 由于oracle11G 官方不在维护,现在很多客户都把数据库升级到oracle19C,新项目也是使用oracle19C数据库居多,默认情况下Oracle 8,O ...

最新文章

  1. 山东大学继续教育计算机3,山东大学继续教育数字电子技术基础试题3及答案.doc...
  2. 机器学习算法基础(基础机器学习课程)——第一天
  3. python中itertools的用法_python中的itertools的使用详解
  4. 使用JUnit的ExpectedException和@Rule测试自定义异常
  5. 在Windows 7 x64 上编译libsvn
  6. 配置jdk1.7的环境变量
  7. C#开源文件实时监控工具TailTailUI
  8. url上传参 用requestmapping接受_14 个 Spring MVC 顶级技巧,随时用随时爽,一直用一直爽...
  9. [Linux 基础] -- Linux 之 fstab 文件详解
  10. MacOS使用GeoIP2库查询ip详细信息
  11. Intellij idea 最新版永久破解
  12. 3d胆码计算机方法,3D百十个位定胆技巧准确率95
  13. git实用技巧:将多次commit合并为一次
  14. 程序员创业:从有想法 - 公司注册 - 项目路演 - 一对一投资人商谈
  15. word插入对勾对号
  16. h5 c3 特效网站
  17. html5适配屏幕,HTML5屏幕适配标签设置
  18. 微信小程序获取用户信息
  19. 前端语法重温从0到1入门
  20. 理解断路器CircuitBreaker的原理与实现

热门文章

  1. (Div.2)D. Edge Deletion
  2. centOS7安装C语言编译器
  3. 【数据分析实例】全球游戏市场概况数据分析
  4. spring 常用corn
  5. docker tag 镜像id_6-docker镜像仓库和标签tag
  6. 网站开发————JavaEE/实训实训实训
  7. AMBA 系列之 AHB 协议
  8. 预测客户对电话营销活动的反应
  9. 智能小车设计思路简述
  10. python基础编程-1