Jquery 视差引导

我试图在我的代码中实现视差效果，因为我使用的是视差js。我希望我的页面的图像在我将鼠标悬停在它们上面时，立即开始使用data-scalar-x和data-scalar-y值移动，但它们的行为不是这样的。 我不知道我的代码有什么问题，因为我第一次使用parallax.js

我的代码笔的链接是

$（文档）.ready（函数（）{
//警惕（“你好”）；
makeWinHeight（）；
});
var makeWinHeight=函数（）{
var vh=$（窗口）.height（）；
$（“#场景”）。高度（vh）；
var制表符=vh/2+vh/4；
$（“#选项卡a，#scene.col，img'）。高度（选项卡）；
}
var scene=document.getElementById（'scene'）；
var视差=新视差（场景）
img{
宽度：100%；
位置：相对位置；
}
.形象{
填充：2%2%；
}