Can';不要在javascript中使用相同视差代码的多个实例

Can';不要在javascript中使用相同视差代码的多个实例,javascript,html,scroll,parallax,Javascript,Html,Scroll,Parallax,我似乎不能使用一组代码的多个副本来产生视差效果。它只计算最近的一次,以前什么也不算。下面是两次使用的代码: $(window).scroll(function (e) { parallax(); }); function parallax() { var scrolled = $(window).scrollTop(); $('.bg').css('top', -(scrolled * 0.1) + 'px'); }; $(window).scroll(function

我似乎不能使用一组代码的多个副本来产生视差效果。它只计算最近的一次,以前什么也不算。下面是两次使用的代码:

$(window).scroll(function (e) {
    parallax();
});

function parallax() {
    var scrolled = $(window).scrollTop();
    $('.bg').css('top', -(scrolled * 0.1) + 'px');
};
$(window).scroll(function (e) {
    parallax();
});

function parallax() {
    var scrolled = $(window).scrollTop();
    $('.bg2').css('top', -(scrolled * 0.2) + 'px');
};
还有一个关于JSFiddle的示例,其中有一段代码在运行:()


你有什么想法吗?很抱歉,如果修复是明显的,我是一个相对新的用户,当谈到Javascript

我很确定,在一个普通的OO语言中,重载一个函数会让你使用该函数的最本地版本。这就是为自己的目的重新编写一些预定义函数的方法。然而,Javascript并不真正支持这种类型的重载,这不是您想要的方式。我会寻找一种不同的方法来实现您想要的效果。您有两个同名函数,它们执行不同的操作(
*0.1
vs
*0.2
)。你认为会发生什么?嗯,改名成功了。我现在要害羞地走开,把头撞在墙上D