Flex滚动条常见问题解答

本文和大家重点讨论一下使用Flex滚动条过程中常见的一些问题，Flex滚动条虽然很好用，但总是会出现意想不到的问题，这里向大家介绍一下，希望本文的介绍能让你有所收获。

凭借整站使用H5场景定制的创新体验、定制设计、设计团队积累与透明式的服务过程,符合行业特点，专属顾问根据企业产品，消费群体属性，准确定位；设计师以目标客户为中心，以突出品牌官网特性为宗旨，定制专属网站建设设计方案。

Flex滚动条问题

Flex滚动条虽然很好用，但总是会出现意想不到的问题。前几天说了，拖动后花屏的问题，今天又发现了更恶心的问题。当你把容器的宽度调为100%后，verticalScrollbarPolicy用默认的auto。这是如果你缩放窗口会出现Flex滚动条，但问题这是就出现了，只要出现了垂直Flex滚动条，水平Flex滚动条就是被迫出现。

 
 
 
  
  
  
viewplaincopytoclipboardprint?  
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
  
  
  
  
 
  
  
  
 
 
 

 这是是由于flex在计算前面的百分比时，把垂直Flex滚动条的宽度也算上了，我一开始以为是flex的bug。使其他的官方文档中写了一句很华丽的话。

 
 
 
  
  
  
"FlexconsidersscrollbarsinitssizingcalculationsonlyifyouexplicitlysetthescrollpolicytoScrollPolicy.
  
  
  
ON.So,ifyouuseanautoscrollpolicy(thedefault),thescrollbaroverlapsthebuttons.Topreventthisbehavior,
  
  
  
youcansettheheightpropertyfortheHBoxcontainerorallowtheHBoxcontainertoresizebysettingapercentage-basedwidth.
  
  
  
RememberthatchangingtheheightoftheHBoxcontainercausesothercomponentsinyourapplicationtomoveandresizeaccordingtotheirownsizingrules."  
  
  
  
 
  
  
  
--FromSizingComponentsintheFlex3help,under"UsingScrollbars"  
  
  
  
 
 
 

 就这样回避了这个问题。但有个办法你可以解决这个问题，重载validateSize方法

 
 
 
  
  
  
viewplaincopytoclipboardprint?  
  
  
  
//InyourApplication，moduleorwhereveryouneedthisworkaround.  
  
  
  
overridepublicfunctionvalidateSize(recursive:Boolean=false):void{  
  
  
  
super.validateSize(recursive);  
  
  
  
if(!initialized)return;  
  
  
  
if(height  
  
  
elseverticalScrollPolicy=ScrollPolicy.OFF;  
  
  
  
}  
  
  
  
 
 
 

【编辑推荐】

1. FlexBuilder快捷键使用说明
2. Flex2.0Beta1新功能出炉
3. 揭露Flex2.0的几大误区
4. FlexBuilder3.0与Eclipse3.4的***结合
5. 剖析Flex DataGrid分页控件的两种分页形式用法

网页题目：Flex滚动条常见问题解答
转载来于：http://www.shufengxianlan.com/qtweb/news34/527234.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联