marquee6k

Tests for marquee6k

This page is for demo, testing and QA.

Horizontal (left)

Alpha Bravo Charlie Delta Echo

Horizontal (right)

North South East West

Vertical (up)

Monday
Tuesday
Wednesday
Thursday
Friday

Vertical (down)

One
Two
Three
Four
Five

Init defaults only (speed from init)

Defaults From Init Options

Data overrides init defaults

Override Speed + Direction Via data-*

Reverse only (no direction)

Reverse Only Mode

Axis alias (data-axis="y")

Axis
Alias
Down
Mode
Stacked

Complex selector + className

Complex Selector Works

Tap pause (toggle)

Tap To Pause Again Play

Scrubbing (drag to scrub)

Drag Scrub Release Resume

Pausable + scrubbing

Hover Pause Drag Scrub

Scrubbing delay (800ms)

Delay 800ms After Release

Scrub momentum

Flick Release Momentum Glide

Tap pause + scrubbing

Tap Pause Drag Scrub Tap Resume

Angled cross

Diagonal Cross Line A
Diagonal Cross Line B

Diagonal wrapper

Diagonal Wrapper Test Tilt

Diagonal wrapper + scrubbing

Diagonal Scrub Test Tilt

Transformed parent (scale + rotate)

Transformed Parent Scale Rotate

Edge case: single word content

Solo

Edge case: very long content

Long Content Should Still Flow Across The Viewport Without Glitches Or Jumping

Edge case: vertical fixed height

Fixed
Height
Overflow
Hidden
Parent

Edge case: tap pause + hover

Tap Locks Hover Pause

Edge case: scrubbing vertical

Drag
Vertical
Scrub
Only

Edge case: scrubbing delay 0

Delay 0ms Instant Resume

Edge case: zero speed + scrubbing

Speed Zero Scrub Only

Edge case: narrow container

Narrow Viewport Test Clones

Edge case: hidden on load

Edge case: resize container

Resize Parent Then Refresh

Edge case: re-init (full rebuild)

Re-init No Nested Wrappers

"Re-init all" rebuilds every marquee. "Re-init this one only" rebuilds a single instance using the original init options.

onUpdate calls: 0
Last event: none
Tip: open DevTools to see callback logs for onInit/onPause/onPlay.