Jquery 水平鼠标滚轮滚动div进入视口时设置动画

我一直在试图找到一种方法来动画div时，在视口中。（仅适用于鼠标滚轮绑定水平滚动）。我把我累的东西都给了这里。任何人都能做到简单

jQuery（函数（$）{
$.fn.hScroll=函数（金额）{
金额=金额| | 120；
$（this）.bind（“DOMMouseScroll mousewheel”，函数（事件）{
var oEvent=event.originalEvent，
方向=oEvent.detail？oEvent.detail*-金额：oEvent.wheelDelta，
position=$（this.scrollLeft（）；
位置+=方向>0？-金额：金额；
$（此）。向左滚动（位置）；
event.preventDefault（）；
})
};
});
$（文档）.ready（函数（）{
$（'.home-pg_scroll-section'）.hScroll（120）；//您可以传递（可选）滚动量
});
//视口中的动画
var$animation_elements=$（'.animation element'）；
变量$window=$（window）；
函数检查\u如果\u在\u视图（）中{
var window_width=$window.width（）；
var window_left_position=$window.scrollLeft（）；
变量窗口右位置=（窗口左位置+窗口宽度）；
$.each（$animation\u元素，function（）{
var$element=$（此）；
var element_width=$element.outerWidth（）；
var element_left_position=$element.offset（）.left；
变量元素右位置=（元素左位置+元素宽度）；
if（（元素右位置>=窗口左位置）&&
（元素左位置）