在div滚动到结尾之后整个页面都可以滚动

Question

我有两个div：

<div id="slide1">
<div id="wrapper"> 

我想要做的是当页面被加载到固定位置的包装时它只有当slide1 div滚动到底部时才变为静态，底部部分隐藏在包装div下，如果我向上滚动包装器再次固定。此外，当slide1滚动到底部时，我想让它与包装div一起变得漂亮和平滑，没有任何跳跃和响应也。 我已经制作了这个javascript代码，它工作得很好，但没有响应（我不记得我是怎么想的，如果很久以前的判断）：

$(window).scroll(function() {
    var a = $(window).scrollTop();
   if(a*2 >= ($(window).height())+900) {
        $(".wrapper").css({'position' : 'static' });
        $("#slide1").css({'height' : 1600});
   } else {
        $(".wrapper").css({'position' : 'fixed' });
        $("#slide1").css({'height' : 2000});

   }
});