Hey guys,
please forgive my “duplicate post” (Reinitialize Webflow IX2) but I’m raising this question here to maybe get help from a broader and “newer” audience. I guess my problem as also seen in the linked thread is a big one for most people and appereantly Webflow.ready():
does not seem to work anymore.
No matter the custom code library one uses this might be of interest to a brought audience how to make sure Weblow Interactions can still be triggered and work after for instance using something like barba.js v2.
barba.init({
sync: true,
transitions: [{
async leave(data) {
// ON LEAVE DESTROY WEBFLOW ???
Webflow.destroy();
const done = this.async();
pageTransition();
await delay(300);
done();
console.log('leave');
},
async enter(data) {
// ON ENTER INITIALIZE WEBFLOW ???
var Webflow = Webflow || [];
Webflow.push(function() {
$('html').attr('data-wf-page', '5e8363a55808c6fd7f381e9b');
window.Webflow && window.Webflow.destroy();
window.Webflow && window.Webflow.ready();
window.Webflow && window.Webflow.require('ix2').init();
document.dispatchEvent(new Event('readystatechange'));
});
contentAnimation();
console.log('enter');
},
async once(data) {
contentAnimation();
console.log('once');
}
}]
});
In my case I’m linking to a site that would have scroll interactions on the page, but when placing the code above I have no chance to making it work. I tried a bunch of solutions layed out here in the forum but no chance.
Can anyone help here as this would be crucial for my project.
Thanks,
Matt
Here is my public share link: LINK
(how to access public share link)