Extjs 控制组件滚动条事件(一)

Extjs 控制组件滚动条事件

html:

<div id="dv" style="width:400;height:300;border:1px solid;overflow:auto">
	......内容...足够多使滚动条出现...
</div>
<div id="view"></div>

 

js:

 

// 对单个Ext.element的滚动条控制，利用Ext.Element下的scroll事件来实现
// 对组件的话，可以先找到组件中放置滚动条的element来添加事件
Ext.onReady(function(){
	var dv = Ext.get('dv');
	dv.on('scroll',view);

	function view(e){
		Ext.fly('view').insertHtml('beforeEnd','<p>'+dv.dom.scrollTop+'</p>');
	}
});