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.
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.
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.!!!!
14 Replies
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/review
https://360.articulate.com/review/content/0614d8b9-becd-4797-aeab-5258611878cb/review
https://360.articulate.com/review/content/0381f6c9-6baa-45e2-b5d8-375fa803ffa1/review
But it for sure is not easy to get working.
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.
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.
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.
I will make a series showing how to.
Math - that would be excellent, thanks
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!
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 !
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.!!!!
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 ;-)