Skip Main Navigation

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

Project Seven dot com

PVII Vertical Scroller Magic

See Examples | Buy Now

PVII Vertical Scroller Magic enables you to instantly create vertical scrolling boxes that visually complement your page design. They look cool, behave cool, and solve the major usability and accessibility flaws inherent in many DHTML or Ajax scrollers.

Movie: Creating a Vertical Scroller

Scrolling methods

Visitors can use traditional scrolling controls such as arrows, drag bars, and even their mouse wheels. People with motor disabilities can use their tab keys to reach the scrolling controls and then, once a scrolling control has focus, the keyboard controls are activated enabling use of the four arrow keys—plus the spacebar, Home, End, Page Up, and Page Down keys.

Failsafe accessibilty

The system creates a special "Show All" link on your page that enables users to turn off the scrolling controls and expand all content within the scrolling box.

Features list

Vertical Scroller Magic comes with the following features and capabilities:

  • Automated Insertion anywhere on your page
  • Multiple scrollers per page
  • Choose from several style themes and control configurations—including graphical icons or pure text
  • Scrolling type options include normal, looping, auto-reverse, and animated carousel
  • Edit styles using Dreamweaver's built-in CSS editing tools
  • Standards-conformant markup
  • All content accessible and visible when JavaScript is disabled
  • Keyboard enabled scrolling
  • Toggle feature to hide scroller controls and show all content
  • Mousewheel support in modern browsers
  • Passes automated Section 508 Accessibility check
  • Passes WAI Accessibility checks (Priority 3)
  • Search engine-friendly
  • Free Technical Support
  • User Guide

Vertical Scroller Magic Interface

Requirements

Dreamweaver MX, MX2004, DW8, DW CS3, or higher.

Browser support

  • IE5.x (Windows and Mac)
  • IE6.x (Windows)
  • IE7.x and up (Windows)
  • Firefox 1.5 and up (Windows and Mac)
  • Opera 9.x and up (Windows and Mac)
  • Safari (OS X Jaguar and higher)
  • Degrades to a fully accessible content block in older browsers.