Сделать относительный div-клип статичным логотипом на свитке - CSS

Question

Я хочу добиться следующего эффекта на одностраничном веб-сайте с прокруткой.

Сайт разделен на другой раздел (конечно же, с использованием тега <section>), и навнизу слева.

Я хочу иметь возможность маскировать / обрезать цвет логотипа в зависимости от того, какой раздел находится под ним.Для начала я поместил один и тот же логотип дважды друг на друга, так что в основном это два z-индексированных логотипа, один поверх другого.

Ниже приведены несколько быстрых макетов для справки.

Раздел 1:

Раздел 2:

Эффект, который требуется при прокрутке:

Заранее спасибо!

Answer 1

Как любезно указано выше, ответ на этот вопрос можно найти здесь:

Как создать эффект наложения прокрутки изображения с помощью CSS?

Я надеялсяпопробуйте немного изменить это и попробуйте подход с использованием свойства clip или с использованием height и overflow:hidden.Я не могу найти время, чтобы попробовать это прямо сейчас, но я обновлю соответственно, если я когда-либо сделаю.