Javascript 视差代码在JSFIDLE上工作，但在我的网站上不工作？

所以我正在重新设计我的网站（早就应该了），我正在尝试让paralax正常工作。这个概念似乎很简单，对吧

我有一个关于JSFIDLE的工作项目

这正是我想要的结果。然而，如果你去我的网站上的页面，背景是非常不稳定的，它看起来一点也不自然。我不明白为什么。我网站上的代码完全相同。这是基本版本

$(document).ready(function() {
$(window).scroll(function() {
var pos = $(window).scrollTop();
var element = $("#paralaxImageWrapper");
var top = element.offset().top;
var height = element.height();
// Check if totally above or totally below viewport
if (top + height > pos || top < pos + windowHeight) {
    $("#paralaxImageWrapper").css('-webkit-transform',"translate(0px, " + $(window).scrollTop()/1.5 + "px)");
    $("#paralaxImageWrapper").css('-moz-transform',"translate(0px, " + $(window).scrollTop()/1.5 + "px)");
    $("#paralaxImageWrapper").css('-ms-transform',"translate(0px, " + $(window).scrollTop()/1.5 + "px)");
}
});
});

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
var pos=$（window.scrollTop（）；
var元素=$（“#paralaxImageWrapper”）；
var top=element.offset（）.top；
var height=element.height（）；
//检查是否完全高于或完全低于视口
如果（顶部+高度>位置| |顶部<位置+窗高）{
$（“#paralaxImageWrapper”）.css（'-webkit transform'，“translate（0px），+$（window.scrollTop（）/1.5+“px）”）；
$（“#paralaxImageWrapper”）.css（“-moz transform”，“translate（0px），+$（window.scrollTop（）/1.5+“px）”）；
$（“#paralaxImageWrapper”）.css（'-ms transform'，“translate（0px），+$（window.scrollTop（）/1.5+“px）”）；
}
});
});

---

非常感谢您的帮助（JSFIDLE是否有我不知道的东西？）谢谢

jsiddle正在使用jQuery版本1.10.1，而您的站点正在使用jQuery 1.9.1。尝试使用，看看问题是否消失。

两个版本在Chrome（Mac）上对我的工作原理相同。这是错误的，请将

更改为

。还有

到

，您似乎没有开始和结束

标记。修复它，我们可以在您的页面上获得比小提琴更好的概览。嗯，我想我们正在寻找浏览器问题。我用的是手电筒（据说是铬合金的）。看来这件事正在讨论中。Firefox和Chrome可以工作。“我对狩猎旅行也不太确定。”厄尔兹注意到这一点，修正了问题！但不幸的是，它没有解决我的任何问题。