在滚动条上制作相对 div 剪辑静态徽标 - CSS
Make relative div clip static logo on scroll - CSS
我想在单页滚动的网站上实现如下效果
站点分为不同的部分（当然要使用 <section> 标签），左下角有一个固定位置的标志。
我希望能够 mask/clip 徽标颜色取决于其下方的哪个部分。对于初学者，我将相同的徽标彼此重叠两次，因此基本上有两个 z-indexed 徽标一个在另一个之上。
下面是一些快速模型供参考。
第 1 部分：
第 2 部分：
滚动时我想要的效果：
提前致谢！
正如上面所指出的，可以在这里找到这个问题的答案：
我希望尝试稍微调整一下，并尝试使用 clip 属性 或同时使用 height 和 overflow:hidden 的方法。我现在找不到时间尝试，但如果有机会我会相应更新。
我想在单页滚动的网站上实现如下效果
站点分为不同的部分（当然要使用 <section> 标签），左下角有一个固定位置的标志。
我希望能够 mask/clip 徽标颜色取决于其下方的哪个部分。对于初学者，我将相同的徽标彼此重叠两次，因此基本上有两个 z-indexed 徽标一个在另一个之上。
下面是一些快速模型供参考。
第 1 部分：
第 2 部分：
滚动时我想要的效果：
提前致谢！
正如上面所指出的，可以在这里找到这个问题的答案：
我希望尝试稍微调整一下，并尝试使用 clip 属性 或同时使用 height 和 overflow:hidden 的方法。我现在找不到时间尝试，但如果有机会我会相应更新。