JS之scrollTop不起作用的问题(兼容性有问题)

scrollTop在使用的时候，如果用document.body.scrollTop去使用它，谷歌会出现不兼容的问题，也就是不显示数值大小

解决方案：1.换个浏览器使用

2.没有dtd约束的：document.title = document.body.scrollTop

有dtd约束的：document.title = document.documentElement.scrollTop

兼容性写法：document.title = document.body.scrollTop || document.documentElement.scrollTop ||window.pageYoffset

转载于:https://www.cnblogs.com/creazybeauty/p/8136074.html

JS之scrollTop不起作用的问题(兼容性有问题)相关推荐

[react] 同时引用这三个库react.js、react-dom.js和babel.js它们都有什么作用？
[react] 同时引用这三个库react.js.react-dom.js和babel.js它们都有什么作用? React.js: React中的组件(Component).Context.hooks ...
webview 防止js注入_天台县js聚合物水泥防水涂料的作用
天台县js聚合物水泥防水涂料的作用 2.JS防水涂料建筑胶粉与801建筑胶水的区别在哪?彩色聚氨酯防水涂料施工要点: 彩色聚氨酯防水涂料注意事项: 1.材料必须按配比混合搅拌均匀,混合后的物料应在20 ...
JS中关键字in的作用
JS中关键字in的作用 in关键字可以用来检测某个属性是否存在某个对象中,对于对象的属性要用字符串指定属性的名称("属性名") // 举个栗子:console.log(" ...
前端主流浏览器兼容写法（css、js）以及主流框架vue,react的兼容性
前言: 前端样式很重要,但是因为浏览器种类繁多,内核不同,会导致各种兼容问题.尤其ie,但好在微软对ie不在更新了. 常见浏览器: 常见的浏览器有:IE.Edge(替代了ie).Firefox.QQ浏 ...
解决设置scrollTop不起作用
今天遇到了一个scrollTop设置不起作用的问题,接下来我就阐述一下问题的场景: 首先场景是一个异步树:支持模糊搜索,当搜索到结果时,会有选中效果,但是搜索的结果可能会超出树的显示范围,因此需要手动 ...
小程序js赋值在wxhl中作用不到
问题描述接口获取到数据this.setData赋值在改变数组中的数据,在js中赋值之后再wxhl中循环展示的还是原来的数据但是在js中打印数据是赋值之后的正确数据错误示例:作用到的数据还是原res ...
js jquery scrollTop 指定位置
1.如果是获取,原生js实现很容易: 1 2 3 var div = document.getElementById('wgt-ask'), scrollTop = div.scrollTop ...
js闭包的理解和作用
一.为什么引入闭包 JS为每个变量对象定了作用域,在ES5 中只有全局作用域和函数作用域,没有块级作用域,由内向外形成作用域链,函数外部不能访问函数内部作用域的局部变量.在实际开发中会带来很多不便. ...
原生JS获取ScrollTop/ScrollLeft
使用原生JS获取浏览器ScrollTop,ScrollLeft的方法: function scroll() {if (window.pageYOffset != null){ // 支持IE9 +re ...

JS之scrollTop不起作用的问题(兼容性有问题)

JS之scrollTop不起作用的问题(兼容性有问题)相关推荐

最新文章

热门文章