任何人都可以提供一些关于像这样的（Google Assistant）页面如何工作或如何在 Next.js/React 中实现类似效果的见解吗？我有三个部分：在第一部分中，用户可以正常滚动。当他们到达第二部分时，它应该锁定它们，只允许文本和图像在滚动时发生变化。该部分结束后，他们应该能够正常滚动到第三部分和页脚。
我研究过视差，但似乎无法达到相同的效果。我使用 Framer Motion useScroll 和 useTransform 尝试复制它，但没有成功。
我相信他们使用https://scrollmagic.io/，它基本上是具有固定位置并更改 z-index 和不透明度的效果的多个部分。