Parallax代码在JSFiddle上工作，但在我的网站上没有

Question

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

我在这里有一个关于JSFiddle的工作项目

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

$(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)");
}
});
});

非常感谢关于到底发生了什么的帮助（jsfiddle有我没有的东西吗？），谢谢！

Answer 1

JSFiddle使用的是jQuery 1.10.1版本，而您的站点使用的是jQuery 1.9.1版本。尝试使用http://jquerylatest.com/看看问题是否解决了。