extjs中滚动条属性_ExtJS 4之 控制显示隐藏滚动条、隐藏横向滚动条

ExtJS 都是通过配置完成功能，滚动条也不例外，ExtJS默认是隐藏滚动条，我们来看看怎么显示出来，还是引用之前的例子：

Ext.create('Ext.panel.Panel',{

title:'控制面板',

id:'newpanel',

width:400,

autoScroll：true,

height:400,

html:'Hi',

renderTo:Ext.getBody()

});

从上面代码，高亮部分就是控制滚动条了。字面也很清楚，默认是false也就是隐藏，我们只需要true就可以显示了。一般情况下没啥问题，但是。。。如果你页面过长。。。那么问题就来了。这货会显示横向滚动条，也就是autoScroll其实是控制2条滚动条的。

OK到这里我继续批评下网上的老文章和一些不负责任的问题主，文章乱搬，不做实验。要么就是问题解决了不提供解决方法。当然也感谢下真心默默付出的各位呵呵~~

那么我们来修改一下代码吧，其实你接触过ExtJS会知道其实还有一个东西叫做bodyStyle，用于设置主体内容样式的可以直接写CSS代码。来一起看看，改造后的吧：

Ext.create('Ext.panel.Panel',{

title:'控制面板',

id:'newpanel',

width:400,

bodyStyle :"overflow-x:hidden;overflow-y:auto",

height:400,

html:'Hi',

renderTo:Ext.getBody()

});

OK,这样滚动条就彻底被控制了，隐藏了横向滚动条。