Javascript onscroll函数中的jquery else条件

我在onscroll事件中遇到动画问题

当我向下滚动并显示div时，if条件工作得很好，没有任何问题，但当我向上滚动时，else条件不工作，因此div不会隐藏，它仍然显示

代码如下：

$(function () {

    'use strict';

    var myDiv1 = $('div'),
        div1Top = (myDiv1.offset().top) / 2;

    $(window).on('scroll', function () {

        var docScrollTop = document.documentElement.scrollTop;

        if (docScrollTop >= div1Top) {

            $('div').animate({opacity: '1'}, 800);

        } else {

            $('div').css('opacity', '0');
        }
    });
});

这可能不是你想要做的，但我认为这是正确的：

div{
宽度：500px；
高度：500px；
}
.动画组{
背景颜色：绿色；
位置：绝对位置；
顶部：2000px；
不透明度：0；
}
.占位符{
位置：绝对位置；
顶部：4000px；
}
$（函数（）{
"严格使用",；
var myDiv1=$（'.animated_div'）；
//开始设置div相对于其中间部分的动画
var div1midle=myDiv1.offset（）.top+myDiv1.height（）/2；
//跟踪是否显示动画_div
var myDiv1Shown=false；
$（窗口）.on（'scroll'，函数（）{
var docScrollTop=$（window.scrollTop（）；//页面坐标中的窗口顶部
var docScrollBottom=docScrollTop+$（window）.height（）；//以页面坐标表示的窗口底部
if（div1Middle>docScrollTop&&div1MiddledocScrollBottom | | Div1Midle