Scrolling Text Box Effect – JavaScript Idea Series

This idea was sparked by a question that you can read at the link below.

https://elearning.adobe.com/2021/11/interactive-widget-scrolling-text/

The issue really stemmed from the interactive scrolling widget but it got me thinking about whether or not we could try to make something that was a little more controllable. This project could be further enhanced in a number of ways – here are just a few:

Add a slider that is tied directly to the animation of the text box.
Disable the buttons until the animation is finished so users don’t spam the button
Make it so that you can simply press and hold the button

The values can be adjusted for your size text box and animate to your desired distance and speed.

Preview Project

<—— JavaScript Idea Series

The post Scrolling Text Box Effect – JavaScript Idea Series appeared first on eLearning.

Idea #10 in the JavaScript Idea Series – Scrolling Text Box Effect
The post Scrolling Text Box Effect – JavaScript Idea Series appeared first on eLearning.Read MoreBlog, eLearning Projects, Tips and Tricks, blog, elearning projects, JavaScript

Leave a Reply

Your email address will not be published.