Question

我有一个div，它会在滚动到100px后被隐藏但是如果它们在滚动器处于180px或者它的显示时刷新整个页面，在我开始滚动后不久它就会恢复隐藏。如果页面滚动到100px以上，我怎么能处理这种不刷新的情况以下是我用来隐藏div的脚本，我可以对这个脚本做些什么来处理这个问题

$(window).scroll(function() {
    if ($(this).scrollTop()>100)
     {
         $('div').hide();
     }
    else
     {
       $('div').show();
     }
});

Answer 1

您必须在加载文档时进行检查，您可以使用$(document).ready

执行此操作

(function(){

    $(window).scroll(function() {
        checkTop();
    });

    $(document).ready(function() {
        checkTop();
    });


    function checkTop(){
        if ($(window).scrollTop()>100)
         {
             $('#selectorToYourElement').hide();
         }
        else
         {
           $('#selectorToYourElement').show();
         }
    }

})();

Answer 2

为你做了小提琴here

使用高度为100px的类，滚动100px，但根据需要进行更改

$(window).scroll(function() {
if ($(this).scrollTop()>100)
     {
        $('.a').fadeOut();
     }
    else
     {
      $('.a').fadeIn();
     }
 });

这是css

body {
    height: 2000px;    
}
.a {
    height: 100px;
    width: 100px;
    background-color: green;
}

滚动到100px刷新问题时隐藏div

2 个答案: