scrollTop的兼容性

【scrollTop的兼容性】的更多相关文章

scroll事件的优化以及scrollTop的兼容性

scrollTop的兼容性 scroll事件,当用户滚动带滚动条的元素中的内容时,在该元素上面触发.<body>元素中包含所加载页面的滚动条. 虽然scroll事件是在window对象上发生,但他实际表示的则是页面中相应元素的变化.在混杂模式(document.compatMode的值为BackCompat)下,可以通过<body>元素的scrollLeft和scrollTop来监控到这一变化. 而在标准模式(document.compatMode的值为CSS1Compat)下,除…

浏览器窗口 scrollTop 的兼容性问题

window.pageYOffset 被所有浏览器支持除了 IE 6, IE 7, IE 8, 不关doctype的事, 注IE9 开始支持此属性. window.scrollY 被Firefox, Google Chrome , Safari支持不关doctype的事, 注IE9 不支持此属性在(quirk 模式)的时候 document.body.scrollTop 在 Internet Explorer, Firefox, Opera, Google Chrome Safari 返回正…

各浏览器下 scrollTop的差异 IE6/7/8: 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 : 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop: Safari: safari 比较特别,有自己获取scrollTop的函数 : window.pageYOffset : Firefox: 火狐等等相对标准些的浏览器就省心多了,直接用 document…

onsrcoll和scrollTop兼容与实现

对于onscroll事件的支持各浏览器 document.document.body.document.documentElement 对象的 onscroll 事件的支持存在差异. 所谓的支持性存在差异就是我们常说的浏览器兼容性问题,就是说,对于不同浏览器可能不会按照预期触发相应的事件处理函数. IE6 IE7 IE8 Firfox Chrome Safari Opera Q S Q S Q S Q S Q S Q S Q S window 对象 Y Y Y Y Y Y Y Y Y…

怎么得到scrollTop

我们学习一个事件 : 页面滚动效果 window.onscroll = function() { 页面滚动语句 } 谷歌浏览器和没有声明 DTD <DOCTYPE > : document.body.scrollTop; 火狐和其他浏览器 document.documentElement.scrollTop; ie9+ 和最新浏览器都认识 window.pageXOffset; pageYOffset (scrollTop) 兼容性写法: var scro…

JavaScript中尺寸、坐标

测试环境是IE8,Chrome38,Firefox40,下面是全局通用脚本打印代码 /** * 打印 */ function write(str) { document.write(str + '<br/>'); } 一.尺寸在container外面我还套了个container_out,宽度为1000px,方便演示用,HTML代码如下: <div class="container_out"> <div id="container"&g…

JS原生第七篇（帅哥）

1.1 复习 offset 自己的偏移 offsetWidth 得到自己的宽度 offsetHeight 构成 : width + padding + border div width 200 border 3px padding-right: 15px div offsetWidth = 200 + 6 + 15 = 221 2. offsetLeft offsetTop div.offsetLeft 得到距离这个 di…

js 获取元素在页面上的偏移量的最佳方式

使用js制作效果时,我们常常要获取某个元素在页面上的偏移量(例如tip提示框功能).而获取偏移量可以直接获取相对于document的偏移量,也可以获取相对与视口的偏移量(viewpoint)加上页面滚动量(scroll)获得. 1.获取相对与document的偏移量 function getOffsetSum(ele){ var top= 0,left=0; while(ele){ top+=ele.offsetTop; left+=ele.offsetLeft; ele=ele.offsetP…

Top值

业务开发中经常会用到元素或者浏览器窗口的各种top值,最近开发组件的过程中也遇到各种问题,因此决定好好总结一下. 常见的top值 scrollTop Element.scrollTop 属性可以获取或设置一个元素的内容垂直滚动的像素数. 一个元素的 scrollTop值是这个元素的顶部到它的最顶部可见内容(的顶部)的距离的度量.当一个元素的内容没有产生垂直方向的滚动条,那么它的 scrollTop 值为0. // 获得滚动的像素数 var intElemScrollTop = someEleme…

Javascript中与Scroll有关的方法

这块确实太乱了,被兼容搞的简直快要晕死,默默地总结下... 与scroll相关的方法 4个window对象下:scrollX.scrollY.scrollTo.scroll(作用和scrollTo一样) 4个Element对象下:scrollWidth.scrollHeight.scrollLeft.scrollTop window对象下(BOM) window.scrollX.window.scrollY var x = window.scrollX; // 以像素为单位,返回水平轴上docu…