<div xmlns:ext="http://www.extjs.com" class="body-wrap"><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>
  <img src="resources/elbow-end.gif"><a href="output/Ext.layout.boxOverflow.Scroller.html" ext:member="" ext:cls="Ext.layout.boxOverflow.Scroller">Scroller</a>
    <img src="resources/elbow-end.gif">HorizontalScroller</pre></div><h1>Class <a href="source/ScrollerOverflow.html#cls-Ext.layout.boxOverflow.HorizontalScroller">Ext.layout.boxOverflow.HorizontalScroller</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.HorizontalScroller">ScrollerOverflow.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/ScrollerOverflow.html#cls-Ext.layout.boxOverflow.HorizontalScroller">HorizontalScroller</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.layout.boxOverflow.Scroller.html" ext:cls="Ext.layout.boxOverflow.Scroller" ext:member="">Scroller</a></td></tr></table><div class="description">Description</div><div class="hr"></div><a id="Ext.layout.boxOverflow.HorizontalScroller-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  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</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"><a href="output/Ext.layout.boxOverflow.Scroller.html#" ext:member="#" ext:cls="Ext.layout.boxOverflow.Scroller">Scroller</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</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"><a href="output/Ext.layout.boxOverflow.Scroller.html#" ext:member="#" ext:cls="Ext.layout.boxOverflow.Scroller">Scroller</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</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"><a href="output/Ext.layout.boxOverflow.Scroller.html#" ext:member="#" ext:cls="Ext.layout.boxOverflow.Scroller">Scroller</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</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"><a href="output/Ext.layout.boxOverflow.Scroller.html#" ext:member="#" ext:cls="Ext.layout.boxOverflow.Scroller">Scroller</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</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"><a href="output/Ext.layout.boxOverflow.Scroller.html#" ext:member="#" ext:cls="Ext.layout.boxOverflow.Scroller">Scroller</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</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"><a href="output/Ext.layout.boxOverflow.Scroller.html#" ext:member="#" ext:cls="Ext.layout.boxOverflow.Scroller">Scroller</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</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"><a href="output/Ext.layout.boxOverflow.Scroller.html#" ext:member="#" ext:cls="Ext.layout.boxOverflow.Scroller">Scroller</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</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"><a href="output/Ext.layout.boxOverflow.Scroller.html#" ext:member="#" ext:cls="Ext.layout.boxOverflow.Scroller">Scroller</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</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"><a href="output/Ext.layout.boxOverflow.Scroller.html#" ext:member="#" ext:cls="Ext.layout.boxOverflow.Scroller">Scroller</a></td></tr><tr class="config-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</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"><a href="output/Ext.layout.boxOverflow.Scroller.html#" ext:member="#" ext:cls="Ext.layout.boxOverflow.Scroller">Scroller</a></td></tr></tbody></table><a id="Ext.layout.boxOverflow.HorizontalScroller-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  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</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
The left scroller element. Only created when needed.<div class="mdesc"></div></td><td class="msource"><a href="output/Ext.layout.boxOverflow.Scroller.html#afterScroller" ext:member="#afterScroller" ext:cls="Ext.layout.boxOverflow.Scroller">Scroller</a></td></tr><tr class="property-row  inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</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
The left scroller element. Only created when needed.<div class="mdesc"></div></td><td class="msource"><a href="output/Ext.layout.boxOverflow.Scroller.html#beforeScroller" ext:member="#beforeScroller" ext:cls="Ext.layout.boxOverflow.Scroller">Scroller</a></td></tr></tbody></table><a id="Ext.layout.boxOverflow.HorizontalScroller-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">&nbsp;</a></td><td class="sig"><a id="Ext.layout.boxOverflow.HorizontalScroller-getScrollPosition"></a><b class="method"><a href="source/ScrollerOverflow.html#method-Ext.layout.boxOverflow.HorizontalScroller-getScrollPosition">getScrollPosition</a></b><span class="openparen">(</span><span class="closeparen">)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">Number</span><div class="mdesc"><div class="short">Returns the current scroll position of the innerCt element</div><div class="long">Returns the current scroll position of the innerCt element<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Number</code><div class="sub-desc">The current scroll position</div></li></ul></div></div></div></td><td class="msource">HorizontalScroller</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.layout.boxOverflow.Scroller-scrollToItem"></a><b class="method"><a href="source/ScrollerOverflow.html#method-Ext.layout.boxOverflow.Scroller-scrollToItem">scrollToItem</a></b><span class="openparen">(&nbsp;</span><span title="Required" class="required">String|Number|Ext.Component&nbsp;item</span><span class="comma">,&nbsp;</span><span title="Required" class="required">Boolean&nbsp;animate</span><span class="closeparen">&nbsp;)</span><span class="colon">&nbsp;:&nbsp;</span><span class="return">void</span><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 
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"><a href="output/Ext.layout.boxOverflow.Scroller.html#scrollToItem" ext:member="#scrollToItem" ext:cls="Ext.layout.boxOverflow.Scroller">Scroller</a></td></tr></tbody></table><a id="Ext.layout.boxOverflow.HorizontalScroller-events"></a><h2>Public Events</h2><div class="no-members">This class has no public events.</div></div>