Scroll 滚动视差工作不正确？

当我对第一个div使用滚动视差时，下一个div被按下。它露出蓝色的背影。我怎样才能修好它

$（窗口）。滚动（函数（）{
var wScroll=$（this.scrollTop（）；
$（'.parent.mid.main幻灯片'）.css({
“transform”：“translate（0px，-'+wScroll/10+'%”
});
});
.parent{
宽度：100%；
}
.parent.header{
宽度：100%；
}
/*菜单优先*/
.parent.header.首先是菜单{
宽度：100%；
颜色：#fff；
高度：40px；
线高：30px；
背景：#dc6453；
边框顶部：实心5px#bf6053；
}
.parent.header.menu优先。联系{
浮动：左；
宽度：45%；
左边距：10%；
}
.parent.header.menu优先。联系ul li{
浮动：左；
利润率：1%；
}
.parent.header.menu first.search框{
浮动：对；
宽度：41%；
填充：1%；
}
.parent.header.menu first.搜索框.热线，
.txt搜索，
.购物车{
浮动：左；
左缘：5%；
}
/*/////////////////////////菜单秒///////////////////////*/
.parent.header.menu秒{
宽度：100%；
高度：100px；
线高：100px；
}
.parent.header.menu second.logo{
浮动：左；
宽度：40%；
左边距：10%；
}
.parent.header.menu second.menu prod{
浮动：左；
宽度：40%；
保证金权利：10%；
}
.parent.header.menu second.menu prod ul li{
浮动：左；
左缘：3%；
}
/*///////////////////中段/////////////*/
.家长，中{
宽度：100%；
背景：蓝色；
}
.家长.中间.主幻灯片{
宽度：100%；
高度：700px；
背景附件：固定；
背景位置：上中；
背景重复：无重复；
背景尺寸：自动100%；
}
.parent.mid.主幻灯片.标题幻灯片{
字体大小：10px；
}
.parent.mid.main产品{
宽度：100%；
}
.parent.mid.main产品左产品，
.戳对了吗{
宽度：100%；
高度：300px；
位置：相对位置；
背景附件：固定；
背景位置：中心0px；
背景重复：无重复；
背景尺寸：自动100%；
}
.parent.mid.main prod.prod left.content prod left{
颜色：#fff；
}


接触
关于
地图
帮助

08-999-9999
运货马车
标志组合

产品1
产品2
产品2
产品2
产品2

全面的质量控制，让客户满意！

保证可靠的运输！
内容在这里！
尝试改进一些语法，消除干扰并将代码从JSFIDLE移到堆栈中snippet@Bowdzone你能帮助我吗。这就是我的全部代码。当我滚动时，它漏出蓝色的背景，即“主滑块”和“主触针”之间的距离。您可以卸载它并将其另存为.html。请帮帮我！