固定元素位置以进行视差滚动

Question

我想在元素向下滚动到窗口时查看元素的位置。我已经成功地做到了这一点，但是当你继续滚动元素时增加顶部填充，因此它给出了元素被修复的外观。但是，这非常生涩：

$(window).scroll(function(){
win_scroll = $(window).scrollTop();
pos = $('#home_services_cont').offset().top;
$('#pos').html(win_scroll);
if(win_scroll > pos) {
    padding = win_scroll - pos;
    $('#home_services_cont').css('padding-top',padding)
}
}

我的另一个想法是将位置设置为固定，并在滚动时增加边距。因为目的是在元素被修复时创建一些动画，并且动画将由滚动引起。动画完成后，该元素将不再被修复，并且将显示下面站点的其余部分。