javascript - 如何仅使用“普通” html、CSS 和 Javascript 使按钮出现在滚动条上

我试图用我在网上找到的一个概念来实现这一点（因为我是编码的菜鸟......）......效果不太好，并且离线滚动填充和“登录”按钮出现一秒钟后消失...

查看网页：

如果有人可以请给我一个简单的代码，包括：Html，（Css，）JavaScript，（没有Jquery）如何在该网站上完成相同的想法（按钮）......

谢谢你！

标签： javascripthtmlcssbuttonscroll

您想监听窗口滚动事件并检查主按钮是否可见。您可以通过使用检查它在窗口内的位置来做到这一点Element.getBoundingClientRect();

该bottom属性告诉您元素底部距屏幕顶部的像素数。如果数字小于零，则表示元素的底部不在屏幕顶部。

此时，只需将隐藏按钮切换到视图中。在我的演示中，我通过向该按钮添加一个 CSS 类来做到这一点。

如果用户向上滚动并且主按钮再次可见，您可以通过删除之前添加的类来隐藏侧按钮。