Scrolling Panels in E-Learning #273: Challenge | Recap
A common design challenge for course designers is finding ways to break down and organize content into small, digestible chunks. Tabs ...
Published 5 years ago
Version 1.0
Blog Post
A conversation style example for this week's scrolling panel challenge.
Depending on the position of the scrolling panel, the text on screen changes, and finally when the viewer reaches the end of the scrolling panel, a pop-up opens.
Demo:
https://preethiraviswork.s3.ap-south-1.amazonaws.com/Scrolling+Panel+%23273/story_html5.html
Source File:
https://1drv.ms/u/s!Au1gvyveDBYQumrQOj2lJvphwdLa?e=Sab1U0
Depending on the position of the scrolling panel, the text on screen changes, and finally when the viewer reaches the end of the scrolling panel, a pop-up opens.
Demo:
https://preethiraviswork.s3.ap-south-1.amazonaws.com/Scrolling+Panel+%23273/story_html5.html
Source File:
https://1drv.ms/u/s!Au1gvyveDBYQumrQOj2lJvphwdLa?e=Sab1U0
Brilliant example, Preethi! Thank you very much for providing the JS script and thanks for sharing! I've used the JS code in my example to make the announcement at the end pop up after the scroll ends.