Умный способ обнаружить «фоновые цвета» за прозрачной этикеткой? - PullRequest
0 голосов
/ 10 октября 2019

Небольшая метка со словом «меню» внутри, закрепленная в крайнем правом положении, верхние 20 пикселей и правые 20 пикселей.

Слева появляется всплывающее меню, летит«толкая» весь раздел страницы на 800 пикселей влево, открывая меню шириной 800 пикселей. Используя transform translate3d для этого, между прочим, не стоит слишком беспокоиться об этом.

маленький ярлык, однако, потому что он прозрачный и фиксированный, не будет легко просматриваться, когда мы прокручиваем страницу сайта вниз и получаемчерез «белые» области.

оооочень меня осенило.

Есть ли какой-нибудь хитрый способ определения содержимого страницы, которое находится «за» этим ярлыком при прокрутке вниз?

когда мы прокручиваем вниз по белой области, фон метки должен стать черным, а текст на метке белым.

, когда мы прокручиваемся и попадаем на черный фон, каким бы он ни был, меткапоэтому следует перейти к белому фону с черным текстом и т. д.

Вы все со мной здесь?

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

так что, возможно,иметь на сайте динамический детектор «Выбор цвета», который может обнаружить событие прокрутки страницы и зарегистрировать цвет фона, который пропускает прозрачная кнопка.

Я должен сосредоточиться на чем-то другом, но это звучит забавно,

...