Javascript 带有视差的页面加载上的奇怪位置

我正在使用视差将Wordpress主题调整为我为活动开发的徽标

基本上，我只是用新徽标的不透明层替换了原始元素，然后将它们重新定位为直接重叠的层。问题是，在我完成此操作后，页面加载时徽标的位置或显示与注册滚动事件后不同

我对视差或javascript几乎没有经验。该站点位于控制台，我在chrome中遇到的错误有：

body.scrollTop在严格模式下不推荐使用。请使用 如果处于严格模式，则为“documentElement.scrollTop”和“body.scrollTop” 只有在怪癖模式下。jquery.js:4 body.scrollLeft在中不推荐使用 严格模式。如果处于严格模式，请使用“documentElement.scrollLeft” 和“body.scrollLeft”仅当处于怪癖模式时。js:4对象 {类型：“刷新”，状态：对象}状态：对象类型：“刷新” proto：不推荐使用Object script.js:192 event.returnValue。请改用标准的event.preventDefault（）。jquery.js:3 对象{类型：“刷新”，状态：对象}状态：对象类型：“刷新” 原型：对象

---

如果您能给我提供正确方向的建议，我将不胜感激。

您面临的问题是

chrome

…它使用

body.scrollTop

在标准模式下表示查看端口的滚动位置

我能想到的可能原因是

chrome

的制造商希望开发者转向更正式或通用的编码风格……至于像Mozilla这样的其他浏览器，我认为你的问题不会出现（你也检查过其他浏览器吗！！？在我的Mozilla上看起来不错：）

如果有帮助的话，你可以查看补丁

另外，如果可以使用jquery，它将显示与body.scrollTop相当的

编辑

在您的文件layout.css中

您已设置
边距：700px 0用于
#标题
…这会导致页面仅在滚动后呈现下拉…将
700px
更改为
0px

现在，要在拖放后放置内容，请将同一文件中的
#header.content
部分放在下面：

#header .content {
    margin: 700px 0 20px 0; /* previously it was 0 0 20px 0 */
    line-height: 18px;
    z-index: 4;
}

谢谢Mayank，但我在Safari或Firefox中也有同样的行为。我听说最新版本的Chrome已经修复了这个问题，但我仍然有这个问题。徽标最初出现在窗口的底部，然后滚动到顶部。谢谢，不过，我会看一下jQuery，虽然老实说我不太确定在哪里实现它。Logo是指<代码>三色< /代码>图像混合在上面的代码页>印度无限的< /代码>？？，确切地说，是下垂的thigWield，嗯，那太好了，但它肯定是为我跳。好的…我的坏…在页面加载上，下拉菜单没有出现，它只有在滚动开始后才出现…让我检查一下原因！！！