Fo me, when I add v-scroll-reveal or v-scroll-reveal.reset has no difference because it reacts only once after the page is being loaded and only to elements that initially appear on the screen. When I scroll down to other elements they do not appear. I can keep scrolling to the top and bottom of the page, but all elements who were not on top of the page stay invisible.
Maybe I am doing something wrong, but I could not find a way to fix this. It looks like it does not react to my scroller or screen at all.
In main.js i put:
import VueScrollReveal from 'vue-scroll-reveal';
Vue.use(VueScrollReveal, {
class: 'v-scroll-reveal',
duration: 1000,
scale: 1,
distance: '10px',
mobile: false
});
in package.json I installed dependency:
"vue-scroll-reveal": "^1.0.11",
Fo me, when I add v-scroll-reveal or v-scroll-reveal.reset has no difference because it reacts only once after the page is being loaded and only to elements that initially appear on the screen. When I scroll down to other elements they do not appear. I can keep scrolling to the top and bottom of the page, but all elements who were not on top of the page stay invisible. Maybe I am doing something wrong, but I could not find a way to fix this. It looks like it does not react to my scroller or screen at all. In main.js i put: import VueScrollReveal from 'vue-scroll-reveal'; Vue.use(VueScrollReveal, { class: 'v-scroll-reveal', duration: 1000, scale: 1, distance: '10px', mobile: false });
in package.json I installed dependency: "vue-scroll-reveal": "^1.0.11",