【兼容性解决】页面滚动距离document.documentElement.scrollTop兼容性问题

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="前端工程师——和派孔明" />
<meta name="copyright" content="前端工程师——和派孔明" />
<title>页面滚动距离兼容性解决</title>
<style>
*{ margin:0; padding:0; list-style:none; font-family: "微软雅黑","张海山锐线体简"}
body{height:2000px;}
#div1{width:100px;height:101px;background:red; position:fixed;right:0;bottom:0;}
</style>
<script>

if(window.navigator.userAgent.toLowerCase().indexOf('msie 6') != -1){
//ie6
window.οnlοad=function(){
var oDiv=document.getElementById('div1');
oDiv.style.position='absolute';

window.οnscrοll=window.οnresize=function(){

//document.body.scrollTop =>chrome
//document.documentElement.scrollTop =>IE 火狐

var scrTop=document.documentElement.scrollTop || document.body.scrollTop;
var clientH=document.documentElement.clientHeight;
var divH=oDiv.offsetHeight;

oDiv.style.top=scrTop+clientH-divH+'px';
};
};
}
</script>
</head>

<body>

</body>
</html>

【兼容性解决】页面滚动距离document.documentElement.scrollTop兼容性问题相关推荐

javaScript:获取页面滚动距离的元素.scrollTop和元素.scrollLeft获取的兼容性处理（IE、Chrome 、 FireFox、Safari）
+ 向上滚动的距离: 元素.scrollTop 区别: ==> IE 浏览器 + 没有 DOCTYPE 声明的时候,用这两个都行 + 有 DOCTYPE 声明的时候,只能用 document.d ...
页面宽高，窗口宽高，元素宽高，元素位置，页面滚动距离
注:以下内容只适用于chrome 页面宽高: document.body.clientWidth/Height(不包括margin) document.body.offsetWidth/Height( ...
将h5用HBuilderX打包成安卓app后，document.documentElement.scrollTop的值始终为0或者document.body.scrollTop始终为0...
1 let time = setInterval(() => { 2 let scroll = document.documentElement.scrollTop || document.bo ...
document.documentElement.scrollTop
获取滚动条位置:document.documentElement.scrollTop 获取当前页面的滚动条纵坐标位置:document.documentElement.scrollTop; 而不是:d ...
解决页面滚动并滚动停止时间问题案例 python 滚动条页面滚动
文章目录 1. 问题引入 2. 屏幕滚动问题 3. 滚动停止的方法 4. 案例 1. 问题引入现在的网页都是采用ajax加载的,如果我们要用selenium爬取网页的全部内容,就必须等待网页彻底加载 ...
js获取页面高度以及jquery获取页面滚动距离scrollTop方法
$(window).height(); //获取浏览器自身高度也就是你浏览器所能看到的页面的那部分的高度这个大小在你缩放浏览器窗口大小时会改变 $(document).height(); //获 ...
Element属性：获取，设置元素滚动距离，scrollHeight,scrollTop, scrollLeft属性详解
Element.scrollHeight - Web API 接口参考 | MDN Element.scrollHeight 这个只读属性是一个元素内容高度的度量,包括由于溢出导致的视图中不可见内容. ...
vue 中监听document.body.scrollTop 值总为0的解决方法
// 基础资料网页正文全文高: document.body.scrollHeight; 网页被卷去的高: document.body.scrollTop; scrollTop 设置或获取位于对象最顶 ...
vue监听页面滚动事件
方法:监听滚动实现通过addEventListener方式监听通过scroll获取到滚动 export default {data () {return {topNavBg: {backgroun ...

【兼容性解决】页面滚动距离document.documentElement.scrollTop兼容性问题

【兼容性解决】页面滚动距离document.documentElement.scrollTop兼容性问题相关推荐

最新文章

热门文章