vue-fullpage icon indicating copy to clipboard operation
vue-fullpage copied to clipboard

page scroll time for translate effect

Open zapphyre opened this issue 4 years ago • 4 comments

a question rather: how do you make use of translate effect between two images while scrolling on the same page? => how to set scrolling time/distance one the same page? thanks for extension

zapphyre avatar Jun 11 '20 09:06 zapphyre

I don't quite understand your question.

1.how to set scrolling time => see options.duration 2. distance one the same page => Distance cannot be set. Default screen height

abel-oye avatar Jun 12 '20 05:06 abel-oye

yeah, its complicated mindtwist, right.. when you are on regular webpage you are scrolling it. but your extension ignores scrolling and immediately translated first page to second and so on. I want to have parralax effect on the pages before they transform one to another and opacity 0 -> 1. now I see your components are not scrolling at all so how would you do that?

zapphyre avatar Jun 12 '20 10:06 zapphyre

Parallax effect by afterChange. see https://river-lee.github.io/vue-fullpage/examples/parallax.html.

I only used one image, you can take multiple blocks and render different visual effects

Does it solve your problem?

abel-oye avatar Jun 15 '20 05:06 abel-oye

well, I would like to stay on the same block and react on scroll to draw a parralax effect and after some scroll distance switch to the next block.

zapphyre avatar Jun 29 '20 22:06 zapphyre