javascript - 如何让div在2个高度之间出现和消失？

Question

我这里有一些 Javascript，它使 div 出现在页面上的某个高度，但是我想让它在另一个高度再次消失，以便它显示在一系列像素之间。例如，我希望 div 在 500 的高度处出现，并在 700 的高度处再次消失。

这是我的以下代码:

<script type="text/javascript">
    $(document).ready(function(){
        $("#testdiv").hide();
        $(window).scroll(function(){
              if($(window).scrollTop()>500){
                 $("#testdiv").fadeIn();
              }else{
                 $("#testdiv").fadeOut();
              }
        });
    });
</script>

非常感谢您的帮助， 瑞安。

Answer 1

这个有用吗？我添加了一个额外的检查来查看滚动顶部是否高于 700。如果是，则隐藏 #testdiv

<script type="text/javascript">
    $(document).ready(function(){
        $("#testdiv").hide();
        $(window).scroll(function(){
              if($(window).scrollTop()>500){
                 if($(window).scrollTop()>700){
                    $("#testdiv").fadeOut();
                 }
                 else
                 {
                    $("#testdiv").fadeIn();
                 }
              }
        });
    });
</script>