Streaming live at 10am (PST)

Barba.JS & Weblow IX2

Howdy!

I am using Barba.js on my Webflow project which is containing various IX2 interactions. I am looking for someone who can successfully implement Barba.js for the transition between pages while also making sure the IX2 transitions work on either side of the page transition.

I am using the following Barba.JS code as a starting point:

$('document').ready(function(){
            var transEffect = Barba.BaseTransition.extend({
                start: function(){
                  this.newContainerLoading.then(val => this.fadeInNewcontent($(this.newContainer)));
                },
                fadeInNewcontent: function(nc) {
                  nc.hide();
                  var _this = this;
                  $(this.oldContainer).fadeOut(300).promise().done(() => {
                    nc.css('visibility','visible');
                    nc.fadeIn(300, function(){
                      _this.done();
                    })
                  });
                }
            });    
            Barba.Pjax.getTransition = function() {
              return transEffect;
            }
            Barba.Pjax.start();
          });

Hey Happy Digital,

Have you found someone already ? otherwise I can help you ! feel free to write me a pm or drop me an email or on facebook :slight_smile:

baris@zweimillimeter.com
Barry Baris Dogan

Hi,

Please check PM.

Regards,
Sofia

Hi! Thanks for your response! I indeed just found a solution for this problem.

Thanks anayway!

Kind regards,

Djaya

Hi! I just found a solution for this problem.

If i need futher help, i will contact!

Kind regards,

Djaya

1 Like

What was your solution?

1 Like

That appearing scrollbar when switching pages is a little bit ugly though… :stuck_out_tongue_closed_eyes:I guess you could fix it with overflow hidden.

Do you know if this will work with cms blog pages?
thanks