javascript - 视差代码在 JSFiddle 上运行但在我的网站上不起作用？

Question

所以我正在重新设计我的网站(早就应该这样做)，并且我正在尝试让视差正常工作。这个概念似乎很简单，对吧？

我在 JSFiddle 上有一个工作元素 here

这正是我想要的结果。但是，如果您转到页面 here在我的网站上，背景非常生涩，看起来一点也不自然。我不知道为什么。我网站上的代码完全相同。这里是基础版

$(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/看看问题是否消失。