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)Turn off AAM/APM (BAT)RW Protect (BAT)SRT Renamer (PHP)String Encryption (PHP)Windows WiFi Hotspot (BAT)YouTube DL Script (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.

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.