vue-page-transition icon indicating copy to clipboard operation
vue-page-transition copied to clipboard

[Fade-right]Think to hide overflow

Open NOPROD opened this issue 4 years ago • 1 comments

Hi, in your demo (and in my project) i had an overflow effect with fade-right

To fix that,I just need to add css:

#app {
  overflow-x: hidden;
}

html:

<div id="app">
   <vue-page-transition name="fade-in-right">
     <router-view class="auto-size" />
   </vue-page-transition>
 </div>

Thanks for your work

NOPROD avatar Feb 17 '20 12:02 NOPROD

Hi, in your demo (and in my project) i had an overflow effect with fade-right

To fix that,I just need to add css:

#app {
  overflow-x: hidden;
}

html:

<div id="app">
   <vue-page-transition name="fade-in-right">
     <router-view class="auto-size" />
   </vue-page-transition>
 </div>

Thanks for your work

I tried this solution but then my position:sticky elements were no longer sticking.

p3lican avatar Mar 14 '20 00:03 p3lican