diff --git a/src/Pjax/Dom.js b/src/Pjax/Dom.js
index <HASH>..<HASH> 100644
--- a/src/Pjax/Dom.js
+++ b/src/Pjax/Dom.js
@@ -67,7 +67,7 @@ var Dom = {
    */
   putContainer: function(element) {
     //User customizable
-    element.style.display = 'none';
+    element.style.visibility = 'hidden';
     document.getElementById('barba-wrapper').appendChild(element);
   },
 
diff --git a/src/Transition/HideShowTransition.js b/src/Transition/HideShowTransition.js
index <HASH>..<HASH> 100644
--- a/src/Transition/HideShowTransition.js
+++ b/src/Transition/HideShowTransition.js
@@ -13,8 +13,8 @@ var HideShowTransition = BaseTransition.extend({
   },
 
   hideShow: function() {
-    this.oldContainer.style.display = 'none';
-    this.newContainer.style.display = 'block';
+    this.oldContainer.style.visibility = 'hidden';
+    this.newContainer.style.visibility = 'visible';
     document.body.scrollTop = 0;
 
     this.done();
Prefer to use visibility: hidden instead of display: none for the new container