刷新触发的事件在刷新/重新加载时不会触发

Question

我有这个jQuery代码，当我滚动到某一点时，我的图像从右向左滑动，但是当我从触发效果的位置重新加载页面时，它不会自动显示效果。

我手动向上或向下滚动以触发效果。我想在我重新加载页面时发生效果，而不是在我向下滚动时。

JS

$(window).scroll(function(){
    var wScroll=$(window).scrollTop();
    var featureIphone=$(".feature-iphone-img").offset().top;
    var feature1=$("#feature-1").offset().top;
    console.log(wScroll);
    if(wScroll > featureIphone/1.2){
        $(".feature-iphone-img img").addClass("slide-right");
    }
});

CSS

.feature-iphone-img img{
    position:absolute;
    margin-top:30px;
    transition:all 1s ease;
    transform:translate(-800px);
}
.slide-right{
    transform:translate(-180px) !important; 
}

HTML

<div class="feature-iphone-img">
    <img src="img/iphone_password.png" class="img-responsive" alt="iphone"/>
</div>