原生JS获取ScrollTop/ScrollLeft
使用原生JS获取浏览器ScrollTop,ScrollLeft的方法:
function scroll() {if (window.pageYOffset != null){
// 支持IE9 +return{left:window.pageXOffset,top:window.pageYOffset}}else if (document.compatMode == 'CSS1Compat'){
// 声明了DTDreturn{left:document.documentElement.scrollLeft,top:document.documentElement.scrollTop}}return{left:document.body.scrollLeft,top:document.body.scrollTop}}
说明: document.compatMode 是说明当前文档的渲染模式
属性值包括:(1)BackCompat,文档处于“混杂模式”;
(2)CSS1Compat, 文档处于“标准模式”或者“准标准模式(almost standards mode)”
详情查看MDN文档:document.compatMode
原生JS获取ScrollTop/ScrollLeft相关推荐
- 原生js获取元素高度
原生js获取元素高度 <div id='container'></div> let dom = document.getElementById('contanier')dom. ...
- [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器...
[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器 原文:[完美]原生JS获取浏览器版本判 ...
- js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...
用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...
- 原生js获取宽高与jquery获取宽高的方法的关系
说明:1.因为获取高度的情况跟获取宽度的情况一样,所以以下只说获取宽度的情况. 2.以下所说的所有方法与属性所返回的值都是不带单位的. 3.为了方便说明,以下情况采用缩写表示: obj -> ...
- 获取html下拉菜单selected,原生js获取select下拉框的selected的option项
一. 使用 原生js,获取select标签下属性有selected的option项. 先写一个select标签如下: TEXT-aaaaa TEXT-bbbbb 原生js获取select标签这个 对象 ...
- 原生js获取一段时间内每隔几分钟的时间数组
姊妹篇 原生js获取一段时间内每隔几天的时间数组 情况: 项目中有这么一个需求,输入开始时间.结束时间.时间间隔,获取一段时间内每隔几分钟的时间数组 接下来我必须现在网上找找有没有类似的稍微改改就好了 ...
- 原生JS获取body
原生js获取body 的方法 这节课我们来说说如何在js中获取body的来对html中的body进行一系列操作,给大家总结了两种方法 第一种: let s = `hello` document.get ...
- 原生 js 获取所有兄弟节点
使用原生 js 获取所有的兄弟节点 // 封装成函数 function get_Siblings(elem) {let sibArr = []let allChilds = elem.parentNo ...
- 原生js获取以固定字符开头的控件id,并设置属性
原生js获取以固定字符开头的控件id,并设置属性 还在用JQ加CSS选择器获取指定id开头的DOM嘛? 现在试试 JavaScript提供的querySelectorAll函数 目前几乎主流浏览器均支 ...
最新文章
- 将Java程序打jar包并运行
- D. Anton and Chess 模拟题 + 读题
- Spark 学习(六) Spark 的线程安全和序列化问题
- 数据分析-R语言资料整理
- AngularJS与服务器交互(4)
- ORACLE多表关联UPDATE 语句
- CMMI认证过程中实施步骤详解
- 优思学院|精益六西格玛中的8大浪费是什么?
- 源码:Qt开发的离线软件注册机 适用于工业设备。
- 安信可Ca-01 4G模块调试
- arduinouno摄像头OV7670_Arduino极限操作 摄像头OV7670拍照
- php 修改图像大小,如何改变图片大小
- 系统性谈谈软件可靠性——第4讲:软件可靠性测试
- rmmod命令卸载驱动后重启后为什么驱动还在? 安排!
- 在html中加入pdf文件吗,如何在网页中显示PDF文件
- 蓝桥杯 回文日期【第十一届】
- php实现批量导出pdf 压缩打包下载
- 7000 字 + 21 图,微服务架构概述
- 凭什么杀程序员祭天?
- suse和linux区别,大家一起讨论讨论,suse和ubuntu的区别,顺便散散分
热门文章
- 一张好的图胜过千言万语!数据可视化都经历了怎样的发展历程
- 【91数据恢复】.[killhackfiles@cock.li].Devos勒索病毒数据恢复
- react-native在android上字重显示问题
- 【SequoiaDB|巨杉数据库】索引文件
- LWIP UDP 编程
- 计网必会:电子邮件、SMTP协议
- C# 天敏 SDK3000 二次开发时出的问题?? 求解
- 谈谈期货程序化交易策略的客观性
- 新萝卜家园 Windows7 Ghost 旗舰装机完美版 V7.0
- android webview 支持ajax,Ajax在android webview中不起作用