AMEVA Scrollbar

CSS-stylable overlay scrollbar

A framework-free overlay scrollbar with DOM-based tracks and thumbs. It can be styled freely with CSS effects such as glow, blur, gradients, shadows and glass-style overlays.

Vertical element scrollbar

Layered UI elements can keep their native scrolling behavior while using a custom visual scrollbar.

The scrollbar is rendered as DOM overlay and can be styled freely with CSS.

This makes glow, blur, shadows and glass effects possible without relying on browser scrollbar styling.

Content line 04

Content line 05

Content line 06

Content line 07

Content line 08

Content line 09

Content line 10

Content line 11

Content line 12

Horizontal scrollbar with edge offset

Drums
Bass
Pad
Chords
Arp
Lead
FX
Texture

The horizontal scrollbar is positioned 5px from the bottom edge. Mouse wheel input is also forwarded horizontally.

Viewport scrollbar

Scroll this page to see the fixed viewport scrollbar on the right side. On touch devices the viewport scrollbar is hidden and native scrolling is restored.

Extra page height for viewport scrolling.