1 <div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.layout.boxOverflow.Scroller-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.layout.boxOverflow.Scroller-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.layout.boxOverflow.Scroller-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.layout.boxOverflow.Scroller-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.layout.boxOverflow.Scroller"><img src="resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.layout.boxOverflow.None.html" ext:member="" ext:cls="Ext.layout.boxOverflow.None">None</a>
2 <img src="resources/elbow-end.gif">Scroller</pre></div><h1>Class <a href="source/ScrollerOverflow.html#cls-Ext.layout.boxOverflow.Scroller">Ext.layout.boxOverflow.Scroller</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.layout.boxOverflow</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/ScrollerOverflow.html#cls-Ext.layout.boxOverflow.Scroller">ScrollerOverflow.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/ScrollerOverflow.html#cls-Ext.layout.boxOverflow.Scroller">Scroller</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.layout.boxOverflow.HorizontalScroller.html" ext:cls="Ext.layout.boxOverflow.HorizontalScroller">HorizontalScroller</a>, <a href="output/Ext.layout.boxOverflow.VerticalScroller.html" ext:cls="Ext.layout.boxOverflow.VerticalScroller">VerticalScroller</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.layout.boxOverflow.None.html" ext:cls="Ext.layout.boxOverflow.None" ext:member="">None</a></td></tr></table><div class="description">Description</div><div class="hr"></div><a id="Ext.layout.boxOverflow.Scroller-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.layout.boxOverflow.Scroller-"></a><b><a href="source/ScrollerOverflow.html#cfg-Ext.layout.boxOverflow.Scroller-null"></a></b> : animateScroll<div class="mdesc"></div></td><td class="msource">Scroller</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.layout.boxOverflow.Scroller-"></a><b><a href="source/ScrollerOverflow.html#cfg-Ext.layout.boxOverflow.Scroller-null"></a></b> : scrollIncrement<div class="mdesc"></div></td><td class="msource">Scroller</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.layout.boxOverflow.Scroller-"></a><b><a href="source/ScrollerOverflow.html#cfg-Ext.layout.boxOverflow.Scroller-null"></a></b> : wheelIncrement<div class="mdesc"></div></td><td class="msource">Scroller</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.layout.boxOverflow.Scroller-"></a><b><a href="source/ScrollerOverflow.html#cfg-Ext.layout.boxOverflow.Scroller-null"></a></b> : scrollRepeatInterval<div class="mdesc"></div></td><td class="msource">Scroller</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.layout.boxOverflow.Scroller-"></a><b><a href="source/ScrollerOverflow.html#cfg-Ext.layout.boxOverflow.Scroller-null"></a></b> : scrollDuration<div class="mdesc"></div></td><td class="msource">Scroller</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.layout.boxOverflow.Scroller-"></a><b><a href="source/ScrollerOverflow.html#cfg-Ext.layout.boxOverflow.Scroller-null"></a></b> : beforeCls<div class="mdesc"></div></td><td class="msource">Scroller</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.layout.boxOverflow.Scroller-"></a><b><a href="source/ScrollerOverflow.html#cfg-Ext.layout.boxOverflow.Scroller-null"></a></b> : afterCls<div class="mdesc"></div></td><td class="msource">Scroller</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.layout.boxOverflow.Scroller-"></a><b><a href="source/ScrollerOverflow.html#cfg-Ext.layout.boxOverflow.Scroller-null"></a></b> : scrollerCls<div class="mdesc"></div></td><td class="msource">Scroller</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.layout.boxOverflow.Scroller-"></a><b><a href="source/ScrollerOverflow.html#cfg-Ext.layout.boxOverflow.Scroller-null"></a></b> : beforeScrollerCls<div class="mdesc"></div></td><td class="msource">Scroller</td></tr><tr class="config-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.layout.boxOverflow.Scroller-"></a><b><a href="source/ScrollerOverflow.html#cfg-Ext.layout.boxOverflow.Scroller-null"></a></b> : afterScrollerCls<div class="mdesc"></div></td><td class="msource">Scroller</td></tr></tbody></table><a id="Ext.layout.boxOverflow.Scroller-props"></a><h2>Public Properties</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Property</th><th class="msource-header">Defined By</th></tr><tr class="property-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.layout.boxOverflow.Scroller-afterScroller"></a><b><a href="source/ScrollerOverflow.html#prop-Ext.layout.boxOverflow.Scroller-afterScroller">afterScroller</a></b> : Ext.Element
3 The left scroller element. Only created when needed.<div class="mdesc"></div></td><td class="msource">Scroller</td></tr><tr class="property-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.layout.boxOverflow.Scroller-beforeScroller"></a><b><a href="source/ScrollerOverflow.html#prop-Ext.layout.boxOverflow.Scroller-beforeScroller">beforeScroller</a></b> : Ext.Element
4 The left scroller element. Only created when needed.<div class="mdesc"></div></td><td class="msource">Scroller</td></tr></tbody></table><a id="Ext.layout.boxOverflow.Scroller-methods"></a><h2>Public Methods</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Method</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.layout.boxOverflow.Scroller-scrollToItem"></a><b><a href="source/ScrollerOverflow.html#method-Ext.layout.boxOverflow.Scroller-scrollToItem">scrollToItem</a></b>( <code>String|Number|Ext.Component item</code>, <code>Boolean animate</code> )
6 void<div class="mdesc"><div class="short">Scrolls to the given component.</div><div class="long">Scrolls to the given component.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>item</code> : String|Number|Ext.Component<div class="sub-desc">The item to scroll to. Can be a numerical index, component id
7 or a reference to the component itself.</div></li><li><code>animate</code> : Boolean<div class="sub-desc">True to animate the scrolling</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">Scroller</td></tr></tbody></table><a id="Ext.layout.boxOverflow.Scroller-events"></a><h2>Public Events</h2><div class="no-members">This class has no public events.</div></div>