Question

我使用这种代码：

$(document).ready(
  function DocumentLoad()
  {    
    $(window).scroll(scrollBtn);
    scrollBtn();      
  });

 function scrollBtn(){  
    if ( $(window).scrollTop() > 150 )
         $('.scroll-btn:hidden').fadeIn('slow');
       else
         $('.scroll-btn:visible').fadeOut('slow');         
 }

<div class="scroll-btn"> my content to show </div>

显示用户向下滚动页面时的元素。我希望扩展它的方式div div-btn消失，当350px的高度保持在页面结束之前（我的页脚高度为350px，所以我想在它到达之前消除div scroll-btn。

Answer 1

这应该适合你：

根据您的要求调整pxFromBottom。

$(window).scroll(function() {
    var pxFromBottom = 350;
    if ($(window).scrollTop() + $(window).height() > $(document).height() - pxFromBottom) {
        $('.scroll-btn').fadeOut('slow');
    } else {
        $('.scroll-btn').fadeIn('slow')
    }
});

Working DEMO

当用户向下滚动页面时，元素出现并消失

1 个答案: