A general question about interaction

[Sven_Erik_Slattedale (Sven Erik Slåttedalen)]

Hi guys.
Just a general question about interactions… When clicking on a link directing to another page, is it possible to set interactions on elements on current page, before new page open? Kind of…when you click on a link, lets say in nav bar, you want the elements on the current page to fade out before new page open.
Is this possible?

Regards
Sven-Erik

---

Here is my public share link: LINK
(how to access public share link)

[Siton_Systems (Ezra Siton)]

Hi. This is not interactions but page-transition. Try barba.js, Her you have working code example (You must read the docs):

Custom reload of Webflow Interactions for barba.js

hey people. i guys this is a pretty advanced coding question. i am trying to add barba.js to my webflow site. barba.js is a library that enables smooth transitions between your pages by actually faking reloads. when you click a link, it swaps the content of your current page container with the content of the next pages container and also updates the url. repeating elements like the navbar or footer don’t need to be reloaded. you see huge enhancement in page load times and can also animate the…

In interaction you have usefull cool “Load trigger interaction” (But again this is not whole page AJAX transition):

Page loader animation - Webflow University Documentation

** barbajs - you see the transition only on the publish/live-site

[Sven_Erik_Slattedale (Sven Erik Slåttedalen)]

Thank you @Siton_Systems for helping me out with this. Really appreciate it.

I do think I found a way to work around it though. Not an optimal way to do it, but it looks like it’s working well for my needs.

Thank again!