如何修复视差动画？

Question

我是Web开发的新手。

我正在用Sprite制作此动画，当用户滚动或向上滚动时，它可以让您移动图像。问题是当我滚动时图像会晃动。如何解决此错误？

`

var rotator = $('#rotator');
var container = $(document);
var viewport = $(window);

var images = 10;
var imageHeight = 5930 / images;
var scrollHeight = container.height();
var position = images/scrollHeight;


viewport.scroll(function(event) {
    rotator.css('background-position', (-position) + 'px 0');
    if(position < 5930) {
        position = position + imageHeight;
        if (position >= 5930) {
            position = 0;
        }

    } else {
        position = 660;

    }
});

`