Software
Scripts

2D Rotation (JS)3D Rotation (JS)KiKiTrix (JS)AutoWrite (JS)Digitize Text (JS)GrafJS (JS)Image Animation (JS)ASCII Loading Indicator (JS)Div Layer Movement (JS)Div Layer Resizing (JS)Text Scrolling (JS)Statistics Graph (PHP)RW Protect (BAT)SRT Renamer (PHP)String Encryption (PHP)Windows WiFi Hotspot (BAT)

General Computing
GNU/Linux
Microsoft
BSD
C#/.NET
C/C++
PHP
SQL
HTML
JavaScript
Java
CSS
Electrical
RC Hobby
Gaming

Dag J Nedrelid
System and web developer.
Tech hobbyist. Dad. Gamer.
Mail:

Thronic.com content is FREE. Monetary support is optional.
Bitcoin

Text Scrolling on Webpages

By Dag, on December 22nd, 2016

A small function in JavaScript I wrote for text or other objects scrolling for webpages. View the source to copy and adapt JavaScript and CSS source.

Hi, this is text that should scroll. And it has a link in it.

Start Stop

#ScrollText Width Debugger: (Press start).

Stop the scroller when the text has passed, to find out what width you should use.
Put the value in the CSS #ScrollText width property, without the minus-sign.

E.g. if you stop it at -500, the #ScrollText width should be set to 500px.
This will make the scroller know when the text is done scrolling and set it's
left property to #ScrollBar offsetWidth for new scrolling.