Javascript 当滚动为100%底部时，滚动至底部按钮的行为

我是用来控制锚滚动。有一个功能/选项用于决定滚动后的行为。我选择在按钮到达底部锚点后隐藏它。然后我实现了一些jquery，当scroll不再100%位于页面底部时，将该按钮带回来

我正在努力做的是确保当滚动100%向下时按钮总是消失。在我的例子中，标准的“返回顶部”的工作方式是相同的，但页面的两端是相反的

请看我拼的这把小提琴

---

上面的代码是我用来在按钮消失后使其返回，但是当手动滚动到底部时，无法使其再次消失，只有当我使用按钮到达底部时，它才会再次消失-玩我的小提琴，你就会明白我的意思。

在你的小提琴中，包装

相对于文档处于绝对位置

因此，您的

元素在确定其高度时不考虑它；因此，它的高度值始终为0。正因为如此，你的“其他”状况永远不会发生

---

移除

位置：绝对css规则解决了这个问题。
在您的小提琴中，您的包装
相对于文档处于绝对位置

因此，您的
元素在确定其高度时不考虑它；因此，它的高度值始终为0。正因为如此，你的“其他”状况永远不会发生

移除
位置：绝对css规则解决了这个问题。
试试这个

if ($(window).scrollTop() ==0) {
    $('.saveForm').fadeIn();
  } else if($(window).scrollTop() < $(document).height()) {
    $('.saveForm').fadeOut();
  }
});

if（$（窗口）.scrollTop（）==0）{
$（'.saveForm'）.fadeIn（）；
}else if（$（窗口）.scrollTop（）<$（文档）.height（））{
$（'.saveForm'）.fadeOut（）；
}
});

随着删除
位置：绝对
，正如dommm所说

这是工作小提琴

看看您是否喜欢我使用no js fallback对您的
平滑滚动所做的更改。
试试这个

if ($(window).scrollTop() ==0) {
    $('.saveForm').fadeIn();
  } else if($(window).scrollTop() < $(document).height()) {
    $('.saveForm').fadeOut();
  }
});

if（$（窗口）.scrollTop（）==0）{
$（'.saveForm'）.fadeIn（）；
}else if（$（窗口）.scrollTop（）<$（文档）.height（））{
$（'.saveForm'）.fadeOut（）；
}
});

随着删除
位置：绝对
，正如dommm所说

这是工作小提琴

看看您是否喜欢我使用no js fallback对您的
smoothScroll所做的更改。
即使您的fadeIn（）也似乎不起作用！当我在函数中注释掉整个if-else时，它总是可见的。单击按钮后淡入确实起作用，滚动在底部，一旦开始向上滚动，它就会淡入淡出。因此，我只希望按钮在100%位于底部时消失。它应该在99%的时间里保持在那里，除非滚动条100%在底部，我现在就知道了。我的坏：）即使是你的fadeIn（）也似乎不起作用！当我在函数中注释掉整个if-else时，它总是可见的。单击按钮后淡入确实起作用，滚动在底部，一旦开始向上滚动，它就会淡入淡出。因此，我只希望按钮在100%位于底部时消失。它应该在99%的时间里保持在那里，除非滚动条100%在底部，我现在就知道了。我的坏：）通过删除绝对值，滚动不再工作，按钮在页面顶部而不是底部时消失基本上，我总是需要按钮保持可见，除非它在页面底部，它在底部时需要隐藏。目前我只能在点击按钮后才能做。当手动滚动到底部时，我需要它工作。好的，这样可以让我更靠近，但需要按钮一直保持在那里，除非100%在页面底部？通过删除绝对值，滚动不再工作，按钮在页面顶部而不是底部时消失，我总是需要按钮保持可见，除非它在页面底部，它需要隐藏在底部时。目前我只能在点击按钮后才能做。当手动滚动到底部时，我需要它工作。好的，这样可以让我更靠近，但需要按钮一直保持在那里，除非100%在页面底部？不，这不工作，平滑滚动不再工作。当你点击小提琴上的按钮时，它就会消失，但不会滚动到底部。我已经更新了我的答案。对于与您的
smoothScroll
相关的清理工作给您带来的不便，我深表歉意。谢谢，不用担心。不幸的是，我需要我使用的平滑卷轴和类上使用的绝对值。这不起作用，平滑卷轴不再起作用。当你点击小提琴上的按钮时，它就会消失，但不会滚动到底部。我已经更新了我的答案。对于与您的
smoothScroll
相关的清理工作给您带来的不便，我深表歉意。谢谢，不用担心。不幸的是，我需要我使用的平滑滚动和使用的类上的绝对值