jquery - 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();