Forum Discussion
scrolling course
Hi, I've found a description how to make a scrolling panel, but not an entire course. Is there a way to scroll through the whole course on storyline?
It is possible. Simplest approach is using slide transitions, but then you lack the option to change direction of the transition.
With some more Javascript magic you can however create a perfect vertical scrollable page.
As these samples show:
https://360.articulate.com/review/content/9da6c510-d15f-483f-8da8-ca151e0a7a8b/reviewhttps://360.articulate.com/review/content/0614d8b9-becd-4797-aeab-5258611878cb/review
https://360.articulate.com/review/content/0381f6c9-6baa-45e2-b5d8-375fa803ffa1/reviewBut it for sure is not easy to get working.
that third example is exactly what I want to create. Any chance you can provide more insight into the Javascript magic to which you refer?
Yeah i will make a series showing how to achieve that. So both you and @DavidAtkinson and anyone else interested can try themselves.
First steps in creating a scrollable course in a OnePage like setup...
Not 100% working have to finetune things here and there... when thats done...im gonna go through it step by step.Really appreciate it - thanks Math
Thank you!
The biggest limitation in Storyline when trying to create a scrolling page is the limitation of the screensize to 2014x2014 pixels. This causes you to swap to a new slide... when the maximum is reached...or dynamically change the content of your page. Both doable, but not easy. FEATURE REQUEST: make the slide size free for the user.!!!!
Great question. I've also been considering ways of having a Storyline build scroll. Integration of Rise and Storyline would be excellent.
Math those are great examples I'd love to know how you've achieved these scrolling transitions with Javascript - I've not much experience with using Javascript in Storyline.
I will make a series showing how to.
Math - that would be excellent, thanks
Math, I have seen an example using a "push" transition and graphics that imply a path (dots for example) which gives the illusion of scrolling. However, I want the participant to actually use the scroll feature on the mouse and not have to click an arrow.
Hello, by executing javascript and adding the jquery to the index, I succeeded in scrolling down.
Also, I also inserted an anchor like an html page.
If you all have any recommantion :) Have a nice day !
Hi Ayse, your attachments don't load. I get an "expired" message, If you still have these templates, can you post them again?
Hi John, I was able to download the files. Hope this works for you!
Hello Math, thank you a lot for your feedback !
Actually, that limitation of the screensize is as annoying as the 3d object integration in Storyline...
Also, when you say "size free" what do you mean ? not locking aspect ratio ?
Free to set to whatever the developer wants... 240 width x 10.000 height for example ;-)
