jQuery隐藏元素在某一点从页面顶部而不是浏览器？

Question

我需要从页面顶部的设定点控制元素，直到另一个设定点。但只是从页面内部而不是目前的浏览器窗口...

$(window).scroll(function(){
      if($(this).scrollTop() > 600) $('#plane').fadeOut('slow');
      if($(this).scrollTop() < 600) $('#plane').fadeIn('slow');
    });     

如果页面加载在顶部，这可以很好地工作，但有时页面可能链接到另一个点，上面的脚本认为它是浏览器的顶部，因此显示#plane时它应该不是真的..

理想情况下，网站的顶部，而不是浏览器窗口的顶部......

Answer 1

您还需要检查页面加载时的scrollTop值。试试这个：

function checkScrollPosition() {
    $(window).scrollTop() > 600 ? $('#plane').fadeOut('slow') : $('#plane').fadeIn('slow');
});

$(window).scroll(checkScrollPosition); // check on scroll
checkScrollPosition(); // check on load

Answer 2

   $(window).scroll(checkscroll);  


      function checkscroll(){
          var top = $(window).scrollTop();
          if(top > 600){
            $('#plane').fadeOut('slow');
          }else{
            $('#plane').fadeIn('slow');
          }
      }

   checkscroll();