So, I’ve watched the workshop and could get my arrows to work.
But, there’s no answer on how to trigger an animation or create a “current” state for a slide link when I use Horizontal Scrolling with fullpage.js
ouh thanks so much for this explanation!
but do interaction now work with this horicontal slidings?
on the vertically fullpage scrolling interaction are working well for me, but i’m asking now specifally for this scenario which you showed in your tutorial here. are “scrolled into view” interaction possible here?
thanks!
ps. and is it possible to change the style of these arrows?!
installed it last night, following your tutorial and everything worked out
but the interactions are not working → in the horicontal scrolling slides only
is this really an issue?!
The easiest way would be to use the CSS state classes added to the body and slide elements.
Check more about it on the docs:
Here’s a video I did a long time ago about conditional CSS to trigger animations:
You can also use JavaScript to fire them by using fullPage.js callbacks such as the onSlideLeave or afterSlideLoad ones.
More about it on the the fullpage.js documentation
I don’t think it is possible using Webflow directly.
Perhaps you could try detecting the scroll event on the slider wrapper, but you would have to use the fulPage.js option css3: false for that.
hi there. you said in the video that you would need to store the files on your own server? where could I store the files then? would this be possible with GitHub? or actually on unpkg? I couldn’t understand how to use unpkg:(
the second file in the body must be
“text/javascript” src=“https://unpkg.com/fullpage.js/dist/fullpage.min.js”
as far as I understand it must be there regardless which extension you are planning to use.
1 and the next file would be the file of the extension?
2 when you purchase a license for one extensions, do you actually get two files: one with the license code and the second the file of the extension itself?
3 after I get the file with the extension where should I upload it?
If you purchased the Scroll Horizontally extension you’ll also find an example file that you can inspect to see how it works and what it requires you to include.
Could you please advise on which domain I could upload this file? Would GitHub work?
If you don’t have a hosting, then just copy the content of the fullpage.scrollHorizontally.min.js file and paste it before importing ullpage.extensions.min.js.
<script>
CONTENT OF fullpage.scrollHorizontally.min.js HERE
</script>
<script src="https://unpkg.com/fullpage.js/dist/fullpage.extensions.min.js
"></script>
<script>
// initialise fullpage here
new fulpage(.......);
</script>
and get back to you if possible.
