javascript - 按钮在屏幕底部淡入

Question

我的页脚中有一个按钮，一旦用户到达屏幕底部，该按钮就会淡入。

HTML - 内部标签

 <script>
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()){
    isShown = true;
    $('.footer-btn').fadeIn(500);
}
});
</script>

我希望它在用户到达底部之前淡出 150 像素，而不是绝对底部。我还希望它在用户向上滚动时淡出。但我不确定如何添加到我的代码中以实现它。

Answer 1

从文档高度中减去 150，然后将 else 写入 fedout。

<script>
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()-150){
    isShown = true;
    $('.footer-btn').fadeIn(500);
}else{
    $('.footer-btn').fadeOut(500);
}
});
</script>