检查元素是否只在viewport中一次，jQuery

Question

当margin-left位于视口中时，我想在div内增加/减少div我的图片：

function onScroll(event){
 var scrollW = $(this)
  $('div.my').each(function(){
        if ($(this).is(":in-viewport")) {
                 var st = scrollW.scrollTop();
                if (st > lastScrollTop){
                    //when scrolled to bottom
                    $("div.my img").css('margin-left', '+=20px');

                } else {
                     //when scrolled to top
                     $("div.my img").css('margin-left', '-=20px');               
                }
                lastScrollTop = st;

                //need to stop here
        }
    });
}

一切正常，但我想在滚动到底部时滚动一次为20px，在滚动到顶部时更改一次。

我很感激任何帮助。