Eu tenho uma div
que tem position: fixed
, ou seja, acompanha o scroll
. Mas tenho um problema. Visto que a div
tem texto com uma cor, se passar por cima de uma div
que esteja mais escura, o texto não será visível. Existe alguma forma de aplicar na css
ou js
para quando ele chegasse a essa div
mudasse para outra cor?
Este é o código que tenho:
<div style="position:fixed;right:10px;top: 50%;transform: translateY(-50%);"><i class="fa fa-chevron-right fa-5x"></i></div>
Sei que não devo utilizar style
na linha mas como é só enquanto fase de testes, estou a fazer assim para a mais fácil manipulação do código.
Ouvi falar do método mix-blend-mode
mas não consegui pô-lo em prática. Como é que conseguiria utilizar esse método?
scrollTop
da do window/body e oscrollTop
do texto estático. e verifica se está no scroll desejado, caso sim aplica a css.div
mais escura com um fundo escuro. A supostadiv
presa aoscroll
é aquela indicada no código