Orlandster / vue-page-transition

A lightweight Vue.js plugin for page / route transitions.

Home Page:https://orlandster.github.io/vue-page-transition

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Fade-right]Think to hide overflow

NOPROD opened this issue · 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

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.