仅在折叠下方滚动时显示元素

Question

我有一个固定的位置元素，我想在用户滚动到视口折叠下方时有条件地显示。具体来说，我在页面底部有一个链接，用于将用户发送到页面顶部。除非body大于100vh并且用户已在初始折叠下方滚动，否则没有理由显示该链接。这只能使用CSS吗？

图：

 _______________________
|                       |
| document text         |
| document text         |
| document text         |
| document text         |
| document text         |
|-----------------------| <-- viewport fold
| document text         |
| document text         |
| document text         |
|                 Top ↑ | <-- only show this link when below the fold
|_______________________|

Answer 1

CSS无法实现。它只能用Javascript。