I am trying to achieve this interaction where a page is transitioned into another using a curtain that drops and reveals the next page without page refresh like a Single Page Application.
Now Barba uses this markup template
<body data-barba="wrapper"> <!-- put here content that will not change between your pages, like <header> or <nav> --> <main data-barba="container" data-barba-namespace="home"> <!-- put here the content you wish to change between your pages, like your main content <h1> or <p> --> </main> <!-- put here content that will not change between your pages, like <footer> --> </body>
Currently, I’m using HTML embed and the problem I’m facing is it just replaces the content on the homepage whereas I want a whole page transition. I know I just have to use the correct markups but I don’t know how to do it in Webflow. The HTML embed is inside “Section_Mockups”.
Here is my site Read-Only: LINK