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



我的页面底部有一个浮动的div,它由两个按钮组成。为了使浮动按钮保留在页脚处,我使用了position:sticky

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

考虑到浮动页脚的高度,我试图在按钮不在视野中取消注册单击事件,但即使这样也不起作用。有没有办法解决这个问题?

原因是因为位置粘性实际上并没有将页脚按钮放在另一个按钮重叠的顶部。要实现您想要的,只需将 z-index 放在粘滞按钮(或本例中的页脚(上即可

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

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

最新更新