extjs中滚动条属性_Extjs滚动条处理

bodyStyle :'overflow-x:hidden;overflow-y:scroll', //隐藏水平滚动条,显示用overflow-x:visible

hidden 隐藏scroll :一定有  auto:自动

通过这个方法可以显示或隐藏滚动条

var form = new Ext.form.FormPanel({

frame : true,

labelWidth : 80,

height : 400,

autoScroll : true,

bodyStyle : 'overflow-x:hidden; overflow-y:scroll',

items : []

})

ExtJs中如何使Panel的滚动条移到底部

ExtJS API：

autoScroll : Boolean

True表示为在面板body元素上，设置overflow： 'auto'...

True表示为在面板body元素上，设置overflow： 'auto' 和出现滚动条false表示为裁剪所有溢出的内容(默认为false)。True to use overflow : 'auto' on the panel 's body element and show scroll bars automatically when necessary, false to clip any overflowing content (defaults to false).

对panle设置该属性为true

使用ExtJs中Panel组件时，可以通过设置autoScroll的值为true来自动添加滚动条。但有时panel溢出太多，而滚动条总是在最上方，这对用户来说可能造成一定的不便。比如做类似WebQQ的聊天窗口时，每当发或收一条消息滚动条总是在最上端，那么对用户来说总是需要手动的将滚动条移到最下才能看到新的消息，明显不爽。

废了这么多话，下面是将滚动条移到最下端的解决方法：

var d = targetPanel.body.dom;

d.scrollTop = d.scrollHeight - d.offsetHeight;

该方法是参考网上的，