Question

所以我正在重新设计我的网站（姗姗来迟），我正试图让paralax工作。这个概念看起来很简单，对吗？

我在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

当您的网站使用jQuery 1.9.1时，JSFiddle正在使用jQuery版本1.10.1。尝试使用http://jquerylatest.com/并查看问题是否消失。

在JSFiddle上工作但不在我的网站上的视差代码？

1 个答案: