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

我这里有一些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>

非常感谢您的帮助，
瑞安

最佳答案

这样行吗？我添加了额外的检查以查看scrollTop是否高于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>

关于javascript - 如何使div在2个高度之间出现和消失？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9087078/