创建了具有运动效果的堆叠容器,看起来像 elementor pro 中的视差效果,并使用点导航来到达容器。问题是我无法滚动到以前访问过的容器。
我尝试使用不同的插件和 html/css 集成来实现这一点
听起来您在 Elementor 中使用视差效果时面临着容器奇怪堆叠的经典问题。我自己也遇到过几次这种情况——当你辛辛苦苦设计的布局突然变得不稳定时,这可能会非常令人沮丧!
此问题通常会发生,因为视差脚本会在用户滚动时调整背景的位置,但它们并不总是能很好地适应 Elementor 处理堆叠和响应式布局的方式。有一些因素可能会导致这种情况,从 CSS 冲突到 z-index 设置不正确。
这里有一个可以尝试的快速修复方法:
调整 Z-index:首先,检查容器的 z-index。转到每个部分的高级选项卡并手动分配 z-index 值,确保视差容器具有比周围其他容器更高的值。
在移动设备上禁用视差:视差效果在移动设备上的表现通常无法预测。如果这就是您的问题所在,禁用移动视图的视差会有所帮助。只需转到视差部分的设置,然后针对较小的屏幕将其关闭。
CSS 调整:有时,可能需要自定义 CSS 来强制堆叠顺序起作用。我会在我的网站上使用示例 CSS 片段来详细介绍。
要更深入地了解故障排除和分步解决方案,您可以查看我在具有视差效果的Elementor堆叠问题上编写的完整指南。它涵盖了其他技巧,例如使用自定义脚本和要避免的常见陷阱。希望这有帮助!