由于画布而无法单击视差页脚

Question

我正在修改 Shopify 的主题，但遇到了一个小错误。（（https://markslights.co.uk/collections/collection-one））

正如您在访问 URL 时所看到的，页脚设置是视差的，这意味着一旦您到达底部，它就会慢慢淡入。目前存在的问题是，无法单击页脚中的任何内容，因为网页认为您与画布进行交互（当您单击更多行时，会添加到背景中）我已经做了一些研究并查看了但是，修改页脚上的 z 索引会使页脚不再有视差。我想知道这是否与我玩过的画布的“固定”位置类型有关，但没有成功。

有人可以指出我正确的方向吗

非常感激。

Answer 1

如果您使用开发工具，您可以看到这是因为画布与页脚重叠。这可以通过设置 canvas 来解决margin-bottom: -footer height。