Javascript 位置问题：包含按钮的粘性页脚

我的页面底部有一个浮动div，由两个按钮组成。为了使浮动按钮保持在页脚，我使用了

position:sticky

我面临的问题是，当按钮浮动在页面中的其他按钮上时，对页脚中按钮本身的任何单击都将被忽略，而是记录对底层按钮的单击。页脚按钮的单击操作被忽略

---

考虑到浮动页脚的高度，我尝试在按钮不可见时取消注册单击事件，但即使这样也不起作用。有办法解决这个问题吗？

原因是当页脚按钮重叠时，“位置粘滞”实际上并没有将页脚按钮置于另一个按钮之上。要实现您想要的，只需将z-index放在粘滞按钮上（本例中为页脚）

---

这将使粘滞按钮覆盖内容，当您单击时，粘滞按钮中的功能应为触发器

您是否可以添加一个快速演示以便我们可以更轻松地提供帮助？如果您可以在此处设置一个片段（或在CodeSandbox、stackblitz、CodePen或其他网站上进行演示），我将尝试在此处添加屏幕截图，这将是最好的。请注意，如果您离开站点进行演示，您也需要在此处包含代码的相关部分。我确实尝试过，但没有成功。我甚至将底层按钮的z索引设置为较小的值，但这不起作用。是否确保设置的z索引未被任何其他代码覆盖。您可以在chrome开发工具中快速检查它们，将其悬停，查看它们在样式中的z索引是否正确。是的，这很有帮助！我添加了

！重要信息

在z索引和问题消失后。谢谢！

.sticky-button {
 position: sticky;
 z-index: 1000;
}