滚动背景图像/性能

Question

我使用以下Javascript为我的身体背景图像设置动画（它是一种模式）：

$(document).ready(function(){
var step = 1;
var current = 0;

function scrollBG(){
    current += step;
    if (current == 450){ current = 0; }
    $('.pattern').css('background-position','center '+current+'px');
};

setInterval(scrollBG, 100);

});

它运行正常，但会导致CPU负载过重。

有什么建议吗？

谢谢：）