menutrasparente.txt

/*painel transparente*/
window.addEventListener("scroll", function(){
    let header = document.querySelector('#menu_principal')
    header.classList.toggle('rolagem',window.scrollY > 300)
})

/*logo zip*/
window.addEventListener("scroll", function(){
    let header = document.querySelector('#logo_zip_menu')
    header.classList.toggle('rolagem',window.scrollY > 300)
})

/*links */

/*link1 */
window.addEventListener("scroll", function(){
    let header = document.querySelector('.links_do_menu1')
    header.classList.toggle('rolagem',window.scrollY > 300)
})
/*link2 */
window.addEventListener("scroll", function(){
    let header = document.querySelector('.links_do_menu2')
    header.classList.toggle('rolagem',window.scrollY > 300)
})
/*link3 */
window.addEventListener("scroll", function(){
    let header = document.querySelector('.links_do_menu3')
    header.classList.toggle('rolagem',window.scrollY > 300)
})
/*link4 */
window.addEventListener("scroll", function(){
    let header = document.querySelector('.links_do_menu4')
    header.classList.toggle('rolagem',window.scrollY > 300)
})
/*link5 */
window.addEventListener("scroll", function(){
    let header = document.querySelector('.links_do_menu5')
    header.classList.toggle('rolagem',window.scrollY > 300)
})
/*link6 */
window.addEventListener("scroll", function(){
    let header = document.querySelector('.links_do_menu6')
    header.classList.toggle('rolagem',window.scrollY > 300)
})

/*icones */

/*icone pesquisa */
window.addEventListener("scroll", function(){
    let header = document.querySelector('#imagem_da_barra_de_pesquisa')
    header.classList.toggle('rolagem',window.scrollY > 300)
})

/*iccone favorito */
window.addEventListener("scroll", function(){
    let header = document.querySelector('#imagem_do_icone_de_favorito')
    header.classList.toggle('rolagem',window.scrollY > 300)
})

/*icone pessoa */
window.addEventListener("scroll", function(){
    let header = document.querySelector('#imagem_do_icone_de_pessoa')
    header.classList.toggle('rolagem',window.scrollY > 300)
})

/*icone sacola */
window.addEventListener("scroll", function(){
    let header = document.querySelector('#imagem_do_icone_da_sacola')
    header.classList.toggle('rolagem',window.scrollY > 300)
})