将平滑幻灯片添加到更改滚动

Question

我在livibetter编写的滚动后使用了“在页面顶部粘贴div”的脚本。

<script>
function sticky_relocate() {
 var window_top = $(window).scrollTop();
 var div_top = $('#sticky-anchor').offset().top;
 if (window_top > div_top) {
    $('#sticky').addClass('stick');
    $('#sticky-anchor').height($('#sticky').outerHeight());
 } else {
    $('#sticky').removeClass('stick');
    $('#sticky-anchor').height(0);
 }
}

$(function() {
  $(window).scroll(sticky_relocate);
  sticky_relocate();
});

这与我正在寻找的相近。但是我需要将div及其内容最终放在页面的“Y”像素上，而不是在页面的最顶部。

like this。

我希望div能够顺利地滑入位置，而不是像目前那样突然跳跃。

对此Javascript / jQuery新手的任何帮助都将非常感激。 ; - ）