The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How can I eliminate the white screen “pause” between these animations?

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #274276

    On this page, I am using Barbajs to smoothly go from the homepage to an inner page when clicking on “Studiu de caz”.

    My animation:

     var transEffect = Barba.BaseTransition.extend({
      start: function() {
        this.newContainerLoading.then(val => this.fadeInNewcontent($(this.newContainer)));
      fadeInNewcontent: function(nc) {
        var _this = this;
        $(this.oldContainer).fadeOut(10).promise().done(() => {
          nc.css('visibility', 'visible');
          nc.fadeIn(10, function() {
          if (!isMobile.any()) {
            $('html, body').animate({
              scrollTop: 200
     Barba.Pjax.getTransition = function() {
      return transEffect;

    The between-pages transition is supposed to happen like it does on Yet it does not. There is a “flicker” on my demo site.

    What am I doing wrong? How are they doing the transition?

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.