Java 视差背景位置

Java 视差背景位置,java,jquery,css,html,Java,Jquery,Css,Html,我正在尝试使用jQuery实现滚动效果。 我有背景位置的变化取决于窗口。滚动顶部值,背景位置的问题,它是在错误的方向移动,所以我需要任何解决方案,使背景位置在正确的方向移动 HTML $(文档).ready(函数(){ $(窗口).on('scroll',函数(){ var imgThumb=$(“.blur.img thumb”), 后置=$(“.blur.img thumb div”), windowScroll=$(窗口).scrollTop() imgThumb.css('right'

我正在尝试使用jQuery实现滚动效果。 我有背景位置的变化取决于窗口。滚动顶部值,背景位置的问题,它是在错误的方向移动,所以我需要任何解决方案,使背景位置在正确的方向移动

HTML
$(文档).ready(函数(){
$(窗口).on('scroll',函数(){
var imgThumb=$(“.blur.img thumb”),
后置=$(“.blur.img thumb div”),
windowScroll=$(窗口).scrollTop()
imgThumb.css('right',windowScroll*3);
backPosition.css('background-position',windowScroll*-.66+“px”+“50%”);
console.log(windowScroll*-.66)
如果(windowScroll==0){
css('background-position',“-245px”+“50%”);
}
});
})
*{
保证金:0;
填充:0;
-moz框大小:边框框;
-webkit框大小:边框框;
框大小:边框框;
}
身体{
高度:6000px;
}
.模糊{
宽度:100%;
高度:620px;
位置:固定;
背景:url(“http://store1.up-00.com/2016-09/1472892032111.jpg)无重复中心;
}
.blur.img拇指{
位置:绝对位置;
宽度:420px;
底部:0;
右:0;
}
.blur.img拇指img{
宽度:100%;
}
.blur.img拇指分区{
宽度:129px;
高度:189px;
位置:绝对位置;
背景:url(“http://store1.up-00.com/2016-09/1472892032252.jpg)无重复-245px中心;
顶部:85px;
左:184px;
边框:1px实心#ff0000;
}