let mm = gsap.matchMedia();
// Barra fixa
mm.add("(min-width: 1025px)",()=>{
let tl7 = gsap.timeline({
scrollTrigger: {
trigger: ".cta",
start: "top center",
toggleActions: "play none none reverse",
onEnter: () =>
document.querySelector(".barra").classList.toggle("show"),
onLeaveBack: () => document.querySelector(".barra").classList.toggle("show"),
}
});
let tl8 = gsap.timeline({
scrollTrigger: {
trigger: ".comprar",
start: "top center",
toggleActions: "play none none reverse",
onEnter: () =>
document.querySelector(".barra").classList.toggle("show"),
onLeaveBack: () => document.querySelector(".barra").classList.toggle("show"),
}
});
let tl9 = gsap.timeline({
scrollTrigger: {
trigger: ".garantia",
start: "top center",
toggleActions: "play none none reverse",
onEnter: () =>
document.querySelector(".barra").classList.toggle("show"),
onLeaveBack: () => document.querySelector(".barra").classList.toggle("show"),
}
});
});
window.addEventListener('resize', () => {
ScrollTrigger.refresh();
});
document.addEventListener("DOMContentLoaded", function() {
if (window.innerWidth <= 1024) {
const barra = document.querySelector('.barra');
const ctaSection = document.querySelector('.cta');
const contratouSection = document.querySelector('.comprar');
const garantiaSection = document.querySelector('.garantia');
const posicaoScroll = window.innerHeight * 0.5;
function toggleBarra() {
const ctaPosition = ctaSection.getBoundingClientRect().top - posicaoScroll;
const contratouPosition = contratouSection.getBoundingClientRect().top - posicaoScroll;
const garantiaPosition = garantiaSection.getBoundingClientRect().top - posicaoScroll;
if ((ctaPosition 0) || (garantiaPosition < 0)) {
barra.classList.add('show');
} else {
barra.classList.remove('show');
}
}
window.addEventListener('scroll', toggleBarra);
toggleBarra();
}
});
ASSISTA AS VIDEOAULAS:
CLIQUE NO BOTÃO ABAIXO E EMITA SEU CERTIFICADO:
LIBERAÇÃO SOMENTE NA SEXTA-FEIRA
MODELO
