Idea #10 in the JavaScript Idea Series – Scrolling Text Box Effect
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.
.png)
.png)
.png)
Nice! Is track() is a function you’ve written?
After reading your solution, I tried to play with adding …style.overflowY=”scroll” to the textbox, but then I realized that the text is actually contained in an aria-label tag; so, while scrollbar appeared, technically the textbox div was empty so there was nothing to scroll.
You must be logged in to post a comment.
