scroller.md.svn-base

一款开源强大的javascript控件

Class: Scroller {#Scroller}
===========================

**鼠标靠近存在内容溢出的元素(或window对象)的内边界时, 自动滚动元素内容**

**需要调用start方法来开始监听鼠标的移动**

### 备注:

- Scroller 需要页面使用[标准模式](http://hsivonen.iki.fi/doctype/)的DOCTYPE

### 语法:

	new Scroller(element[, options]);

### 实现:

[Events][], [Options][]

### 参数:

1. element - (*element*) 目标元素
2. options - (*object*, 可选项) 参见下列可选项:

#### 可选项 :

* area     - (*number*: 默认为 20) 鼠标靠近元素边界开始响应执行滚动的距离
* velocity - (*number*: 默认为 1)  滚动速度(滚动的步进像素量)

### 事件:

* change - (*function*) 当鼠标靠近某个边界时触发. 可在监听函数中对其他一些值做修改, 而覆盖默认的修改滚动偏移量的行为

#### 标识:

	onChange(x, y);

#### 参数:

1. x - (*number*) 鼠标当前x坐标
2. y - (*number*) 鼠标当前y坐标

#### 示例:

	var myScroller = new Scroller(window, {
		area: Math.round(window.getWidth() / 5)
	});

	function(){
		this.stop();
		this.start();
	}.periodical(1000, myScroller);



Scroller 方法: start {#Scroller:start}
----------------------------------------

**开始监听鼠标的移动**

###	语法:

	myScroller.start();

###	示例:

	var myScroller = new Scroller('myElement');
	myScroller.start();



Scroller 方法: stop {#Scroller:stop}
--------------------------------------

**停止对鼠标移动的监听**

###	语法:

	myScroller.start();

###	示例:

	var myElement = $('myElement');
	var myScroller = new Scroller(myElement);
	myScroller.start();

	myElement.addEvent('click', myScroller.stop.bind(myScroller)); //点击后停止滚动



[Events]: /Class/Class.Extras#Events
[Options]: /Class/Class.Extras#Options