如何解决 Safari无法在document 加载完的时候获取window.pageYOffset的值？

xshhs23

115

发布于
2017-01-18

更新于
2017-01-19

新手上路，请多包涵

Safari 无法在document loaded的时候立即获取window.pageYOffset的值（一直为0），
但是做一个简单的延迟却可以正确获取该值。
图片描述
Safari

图片描述

Firefox （结果正常）

图片描述

IE也会出现同样的问题，即在document ready的时候 scrollTop始终为0

(在不同浏览器下分别试了)

document.documentElement.offsetTop
document.body.offsetTop
window.pageYoffset

所以在Safar和IE下如何能立即获取window.pageYOffset的值

safari css javascript

阅读 2.9k

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
10 回答11.3k 阅读
vue项目如何在初始化之前跳转外部页面？
vue项目内有一个分享功能，但是这个分享出去的页面打开会非常慢，所以就想到了单独写了一套H5页面专门用于手机端打开，然后在这个vue项目的分享页面初始化函数里面加一个判断终端是否为移动端，如果是就再做一次跳转，到这个单独的H5页面上去，这样就不会去加载vue框架，打开速度会更快。以上是初始方案和预期。
5 回答4.9k 阅读✓ 已解决
js如何控制移动端overflow:scroll容器滑动的最大速度？
{代码...} demo在这：[链接]在移动端滑动一下这个.box区域,稍微一用力就到头了，如果我想用js去控制他滑动的最大速度该怎么去处理？
4 回答3.2k 阅读✓ 已解决
前端代码更新如何通知用户刷新页面？
前端代码更新如何通知用户刷新页面？
2 回答2.8k 阅读✓ 已解决
纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？
纯css绘制倒过来的等腰梯形的样式。而且可以把梯形的背景色调整为无色。可以接受复杂代码（比如布局复杂，单个div单个css样式是无法完成，需要多个div搭配多个样式），但是至少满足以下要求（1）可以调整边框的颜色大小粗细等，（2）可以调整边框内外阴影（3）梯形里面还能放文字
3 回答5.2k 阅读✓ 已解决
css布局怎么保证右边一直在可视范围内？
如下：灰色和红色的高度都不确定，怎么保证左边高度太高需要滚动时右边一直能在可视范围内？ {代码...}
5 回答2k 阅读
为什么会出现CORS error？
先登录成功了。再次调用，就出现了CORS error在Login页调用这个接口就是正常的，换一个页面调用这个接口就出现了跨域问题。我把这段代码注释以后就正常了。
3 回答2.4k 阅读✓ 已解决

相似问题

document.getElementById不能获取值
2 回答2.9k 阅读✓ 已解决
如何获取 CSS 图片加载完成的事件
2 回答2.1k 阅读
js的new Date()在ie上无法识别时区如何解决。
1 回答3.9k 阅读
HTMLCollection集合能打印出来值，但是无法获取每一个值。
1 回答8.8k 阅读
webpack 动态加载的 react组件获取元素高宽参数不对，如何解决呢？
1.4k 阅读

找不到问题？创建新问题

如何解决 Safari无法在document 加载完的时候获取window.pageYOffset的值？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？

为什么会出现CORS error？