Forum Discussion

Learn-Primeast's avatar
Learn-Primeast
Community Member
4 years ago

Detect Scrolling Panel Has Reached the Bottom - JavaScript

Hello. Here is a short piece of code I wrote for the scenario in Storyline where you have a scrolling panel and you want to check whether the learner has scrolled all the way to the bottom. There is...
General E-Learning
JordanGlaski's avatar
JordanGlaski
Community Member
4 years ago

After much testing, I was able to get it to work the way I need it to by doing the following:

1. Using an isolated Slide instead of a Layer, and setting the Slide to "reset to initial state".

2. Triggering my NEXT button to Disable at .25 seconds into the Timeline, because it seems that a command like this cannot occur at the same exact time as executing JavaScript, i.e., at the start of the Timeline.  (Because for my design, the desire is to enable the NEXT button upon mouse-up.)

3. Despite setting Revisiting the Slide to its "initial state", the scrollAtBottom variable doesn't appear to be reverting to FALSE.  Therefore I added a trigger to do so at the start of the slide Timeline, ahead of executing JavaScript.

4. Final trigger, because ultimately i need the NEXT button to change to normal:   "When scrollAtBottom changes, Change state of Next Button to Normal."

Success!