Deprecated: Non-static method Debugger::invoke() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/debugger.php on line 574

Deprecated: Non-static method Debugger::getInstance() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/debugger.php on line 574

Deprecated: Non-static method Cache::config() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/app/config/core.php on line 226

Deprecated: Non-static method Cache::getInstance() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/cache.php on line 99

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/cache.php on line 386

Deprecated: Non-static method Configure::getInstance() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 324

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/cache.php on line 145

Deprecated: Non-static method Cache::config() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 657

Deprecated: Non-static method Cache::config() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 677

Deprecated: Non-static method Cache::config() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 678

Deprecated: Non-static method Cache::config() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 684

Deprecated: Non-static method Cache::config() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 685

Deprecated: Non-static method Cache::config() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 690

Deprecated: Non-static method Cache::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 489

Deprecated: Non-static method Cache::getInstance() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/cache.php on line 287

Deprecated: Non-static method Inflector::underscore() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/cache.php on line 515

Deprecated: Non-static method Cache::write() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 523

Deprecated: Non-static method Cache::getInstance() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/cache.php on line 230

Deprecated: Non-static method Configure::corePaths() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 1128

Deprecated: Non-static method Cache::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 924

Deprecated: Non-static method Inflector::underscore() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 861

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/dispatcher.php on line 360

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/dispatcher.php on line 685

Deprecated: Non-static method Router::getNamedExpressions() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/dispatcher.php on line 303

Deprecated: Non-static method Router::getInstance() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/router.php on line 187

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/router.php on line 174

Deprecated: Non-static method Router::connect() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/app/config/routes.php on line 34

Deprecated: Non-static method Router::getInstance() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/router.php on line 202

Deprecated: Non-static method Router::connect() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/app/config/routes.php on line 38

Deprecated: Non-static method Router::parse() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/dispatcher.php on line 305

Deprecated: Non-static method Router::getInstance() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/router.php on line 401

Deprecated: Non-static method Configure::listObjects() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/router.php on line 593

Deprecated: Non-static method Configure::getInstance() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 160

Deprecated: Non-static method Cache::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 163

Deprecated: Non-static method Inflector::camelize() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/dispatcher.php on line 494

Deprecated: Non-static method App::import() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/dispatcher.php on line 498

Deprecated: Non-static method App::getInstance() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 828

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 1140

Deprecated: Non-static method Inflector::underscore() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/controller/controller.php on line 308

Deprecated: Non-static method Inflector::classify() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/controller/controller.php on line 310

Deprecated: Non-static method Inflector::camelize() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/inflector.php on line 465

Deprecated: Non-static method Inflector::singularize() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/inflector.php on line 465

Deprecated: Non-static method Inflector::getInstance() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/inflector.php on line 370

Deprecated: Non-static method Set::pushDiff() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/inflector.php on line 353

Deprecated: Non-static method Set::pushDiff() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/inflector.php on line 354

Deprecated: Non-static method Set::pushDiff() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/inflector.php on line 355

Deprecated: Non-static method Inflector::underscore() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/controller/controller.php on line 311

Deprecated: Non-static method Router::prefixes() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/dispatcher.php on line 150

Deprecated: Non-static method Router::getInstance() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/router.php on line 388

Deprecated: Non-static method Router::setRequestInfo() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/dispatcher.php on line 161

Deprecated: Non-static method Router::getInstance() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/router.php on line 628

Deprecated: Non-static method Inflector::camelize() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/controller/controller.php on line 335

Deprecated: Non-static method Set::merge() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/controller/controller.php on line 373

Deprecated: Non-static method Set::normalize() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/controller/component.php on line 186

Deprecated: Non-static method App::import() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/controller/component.php on line 202

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/controller/components/session.php on line 67

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/session.php on line 128

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/session.php on line 132

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/session.php on line 134

Deprecated: Non-static method Security::inactiveMins() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/session.php on line 156

Deprecated: Non-static method Security::getInstance() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/security.php on line 65

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/security.php on line 66

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/session.php on line 156

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/session.php on line 157

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/session.php on line 438

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/session.php on line 446

Deprecated: Non-static method Inflector::humanize() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/controller/pages_controller.php on line 79

Deprecated: Non-static method Inflector::variable() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/controller/controller.php on line 645

Deprecated: Non-static method Inflector::camelize() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/inflector.php on line 477

Deprecated: Non-static method Inflector::underscore() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/inflector.php on line 477

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/controller/controller.php on line 746

Deprecated: Non-static method ClassRegistry::addObject() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/view/view.php on line 276

Deprecated: Non-static method ClassRegistry::getInstance() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/class_registry.php on line 176

Deprecated: Non-static method Inflector::underscore() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/class_registry.php on line 177

Deprecated: Non-static method Inflector::underscore() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/view/view.php on line 789

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/view/view.php on line 893

Deprecated: Non-static method App::import() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/view/view.php on line 726

Deprecated: Non-static method Overloadable::overload() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 1029

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/view/helpers/session.php on line 59

Deprecated: Non-static method Inflector::variable() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/view/view.php on line 650
Scroller

Deprecated: Non-static method Configure::read() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/view/view.php on line 661

Scroller

Scroller is a JavaScript component that depends on Prototype.js, designed to make it easier for designers to set up an area on a web page that scrolls.

Here's how it works

First, set up a scroll area as shown below. You don't have to use those exact ids and class names, as you can specify what is what in the options, but those are the defaults.



<div id="scroll_area">
	<div id="scroll_container">
		<div class="scroll_pane" id="pane1">
			Hello
			<div class="scroll_next"></div>
		</div>
		<div class="scroll_pane" id="pane2">
			<div class="scroll_previous"></div>
			Goodbye
		</div>
	</div>
</div>
	

Then create a new Scroller object to handle that scrolling area


new Scroller({
	scrollArea:'scroll_area',
	scrollPaneClass:'scroll_pane'
});

The combination of the two will produce this:

Hello
Goodbye

You can also create areas that scroll vertically, and use "handles" (1,2,3, etc.) to select which item to scroll to.

Hello
Goodbye

Download Scroller.js

Options

Name Default Permitted Description
direction 'vertical' 'vertical'
'horizontal'
scrollArea 'scroll_area' string id value id of the area to scan for divs with the specified 'scrollPane' class
scrollPaneClass 'scroll_pane' string id value class of the divs that will act as scroll panes
scrollPreviousClass 'scroll_previous' string class value div which acts as a handle for scrolling to previous pane
scrollNextClass 'scroll_next' string class value div which acts as a handle for scrolling to next pane
keepScrolling false boolean if true, automatically scrolls to next pane after scrollPause interval
scrollPause 3000 integer value interval (in milliseconds) after which to automatically scroll to next pane, if keepScrolling is true.
cyclePanes false boolean if true, allows automatic scrolling to return to first pane and continue scrolling.
numberOfCycles 0 integer value number of times to automatically cycle through all panes, if keepScrolling and cyclePanes are true.
handleContainer string id value id of container within which to create handles. Handles are only created if this value is non-null
handleClass 'handle' string class value class of handles
handleDirection 'left' 'left'
'right'
if set to 'right', handles float to the right
handleColor 'light'
'dark'
controls what color the handles overlaying the scroll areas are.
handleImage string url value source of the image which will act as the handle
onScrollBegin function reference function to be executed when a scrolling event begins
onScroll function reference function to be executed during a scrolling event
onScrollEnd function reference function to be executed when a scrolling event concludes
duration 20 integer value interval (in milliseconds) between scrolling steps. Smaller number means more steps.

Deprecated: Non-static method Configure::corePaths() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 1184

Deprecated: Non-static method Cache::write() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 1186

Deprecated: Non-static method Cache::write() should not be called statically, assuming $this from incompatible context in /home/bmunson/ben.munsonarts.com/cake/libs/configure.php on line 1187