浏览器获取正确的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 返回正确的值。
在（quirk 模式）的时候 document.documentElement.scrollTop 永远是零。

在（非quirk模式）的时候 document.documentElement.scrollTop在 Internet Explorer, Firefox and Opera 下返回正确的值但是在 Google Chrome ，Safari 中永远是零。

特整理表格如下：

只在quirk模式下， body.scrollTop是被所有都支持的，所以这个表大家不用也没有必要去记，只要记住一条：以上在win7环境下测试，可以看出是非常凌乱的！

1 if(window.pageYOffset){//这一条滤去了大部分， 只留了IE678
2
3 }else if(document.documentElement.scrollTop ){//IE678 的非quirk模式
4
5 }else if(document.body.scrolltop){//IE678 的quirk模式
6
7 }

原则是看pageYOffset 然后看documentElement.scrollTop, 最后是document.body.scrollTop！

转载于:https://www.cnblogs.com/ttcc/p/3923508.html

浏览器获取正确的scrollTop值相关推荐

xml 标签带有符号php,php-如果元素每个记录有相似的标记,则获取正确的xml值
php-如果元素每个记录有相似的标记,则获取正确的xml值我正在获取以下XML文件: XML文件: 5EXZX4LPK I Bornheim 2017-01-01 2017-12-31 ACCOUN ...
cefsharp获取ajax返回值,使用javascript从CefSharp浏览器获取文本框的值
我有一个Winforms应用程序,它具有ChromiumWebBrowser控件和一些基本的Windows控件.我希望能够点击一个按钮,调用JavaScript来获取浏览器中的文本框的值,并将返回的值 ...
jquery获取html页面参数乱码,JS或Jquery获取浏览器URL的参数值汉字值乱码并转码...
1.获取url很简单,代码如下:window.location.href; 2.jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情首先看看单纯的通 ...
easyUI-textbox回车获取不到正确的textbox值问题
//要先给文本框手动赋值之后才可以获取正确的文本框内容 var t = $('#tt'); t.textbox('textbox').bind('keydown', function(e){if (e ...
thymeleaf 获取yml中的值_SpringBoot引入Thymeleaf
1.Thymeleaf简介 Thymeleaf是个XML/XHTML/HTML5模板引擎,可以用于Web与非Web应用 Thymeleaf的主要目标在于提供一种可被浏览器正确显示的.格式良好的模板创建 ...
vue 中监听document.body.scrollTop 值总为0的解决方法
// 基础资料网页正文全文高: document.body.scrollHeight; 网页被卷去的高: document.body.scrollTop; scrollTop 设置或获取位于对象最顶 ...
vue项目获取下拉框选中id_vue获取下拉框值
vue获取下拉框的值,用vue-modle,只有点击下拉框的值才会赋值到下拉框中,初始时下拉框没有数据,而改用$event就不会出现这样的问题,下面看代码以及图解: v-model解决方式: {{it ...
ajax成功进入success但是获取不到返回值
一.前言最近做前端的时候,发现个奇怪的问题,ajax获取不到返回值了,问题是还是会到success中,也是可以正常打印的,就是没有response,奇怪. 二.正文 1.首先是不走success的问 ...
php 提交网页传值获取编辑框的值
如果可以刷新页面,可以有POST或者GET方式来讲其传过去,方法同上如果要不刷新页面,那应该用AJAX来实现,用JavaScript在页面获取到值后,再利用浏览器内置的XMLHttpRequest对 ...

浏览器获取正确的scrollTop值

浏览器获取正确的scrollTop值相关推荐

最新文章

热门文章