Storyline Magic Series - Episode 02 Control A Scrolling Panel Object Using JavaScript

Welcome back to the latest episode of our new Storyline Magic Series for Articulate Storyline 360 eLearning Developers!

Music from Uppbeat (free for Creators!):
License code: 5OXZYCUYFYPXUOUX

#articulatestoryline #javascript #tutorial

[abhisheksengar]

I love the effect. I don't understand the layers and groupings you've done in the timeline. Could you please explain that in detail ?

[priyankasen]

Could you please do a detailed video and show us how you developed this. That would be very helpful. This looks awesome!

[Bernenza]

Can you explain the var boxthree in the code, please? You explained how to edit the "msgthree" and using the accessibility field to accomplish this trick, but didn't explain the variable part. (p.s. I have zero experience with javascript, so I apologize if I'm asking what may be something that is very obvious :)

[nanisamudrala]

Cloud please do the full detailed video for the scroll panel.

[eloiselerisson]

Hello Chris, how do you trigger the images while scrolling ? Is there any variable ? Thank you for your answer.

[fabiankoninger]

Thank you so much for this tutorial! I was wondering if I could also use the querySelectorAll method to target a specific audio file. I was thinking to have some background music and reduce the volume once the narration starts. I noticed that the alternate text for audio files can't be changed and is equal to the filename. So my approach would be the following:

var audio =
audio.volume = 0.2;

It doesn't do anything and I also don't get any helpful hints from the Developer Console in Chrome. I used the following js snippet instead:


This works fine but reduces the volume for the entire project and not just one file. Do you have any suggestion how I can approach this? Any hint and suggestion is highly appreciated!

[rajeshramesh]

This feature is absolutely brilliant, however, it would be great if you can detail it.

[learningcommunity]

What about the accessibility of the text box on the screen?

[fshlearning]

Is there another way of targeting objects in Javascript, or is the accessible text work around the only way? Thanks for this, could open up some interesting possibilities.

[MaiNgoc-escr]

useful content. Could you share me the code text?