滚动检测浏览器窗口中{div>的50％位置

Question

我正在尝试将隐藏的div添加到＆＃39; slideDown＆＃39;当它垂直位于浏览器窗口的中间时。但div＆＃39; slideDown＆＃39;只要我以任何距离滚动页面。

有任何线索吗？

<script>
$(document).ready(function(){
       $('#laptop_container').hide();

       $(window).scroll(function(){
       var distance =$('#laptop_container').offset().top;
       var halfbrowserHeight = $(window).height()/2;  

               if(distance = halfbrowserHeight){
               $('#laptop_container').slideDown(800);
           }
       });
});
</script>

Answer 1

尝试使用此选项来检测窗口大小滚动量的一半

    $(document).ready(function () {

    var halfbrowserHeight = $(window).height() / 2;
    $(window).scroll(function () {
        var distance = $(window).scrollTop();


        if (distance >= halfbrowserHeight) {
           alert('50%')
        }
    });
});