-
-
Save ebhoren/3a153fbe9d4d44a3b680f92c6f443471 to your computer and use it in GitHub Desktop.
barba.hooks.beforeEnter(({ next }) => { | |
const parser = new DOMParser(); | |
const source = parser.parseFromString(next.html, "text/html"); | |
const body = source.querySelector('body'); | |
const classnames = body.getAttribute('class'); | |
console.log(classnames); | |
if( classnames ) document.querySelector('body').setAttribute('class', classnames); | |
}); |
@ebhoren,
Je profites de tes connaissances avec Barba... Je me demandais où inclure un loader qui resterait actif tout le temps que le contenu de la prochaine page charge. Je load avec sync:true.
En fait, est-ce que Barba est en mesure de savoir que tous les medias ont été loadé? comme les background-images?
Merci encore,
@ebhoren,
Cool! Donc pour loader les JS de GSAP par page mettons?
Très cool votre site ;)
Je dois aussi aller investiguer du coté de Locomotive et leur Smooth Scroll.
Je sors actuellement mon premier site moi-même, tellement de chose à apprendre, c'est débile! Mais après 6 ans à faire faire des sites par d'autres et toujours être so-so satisfait du dev front end, j'ai décidé d'y aller all-in!
Je te partagerai le site lorsqu'il sera en ligne.
Merci encore,
Wow, merci beaucoup!
J'étais arrivé à quelque chose avec cette fonction. J'appliquais le style à un div dans le container de Barba... Mais ta solution est vraiment plus clean. Et j'apprends pour le { next } qui est pratique aussi!
function newClass() { document.body.className = ""; let newClass = document.getElementById("body-classes").className; document.body.className += newClass; console.log("new class applied!" + newClass); }