flex 中Scroller的使用

最新推荐文章于 2025-06-03 17:03:12 发布
原创 最新推荐文章于 2025-06-03 17:03:12 发布 · 8.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#flex

本文详细介绍了如何在Scroller组件内禁用其他组件的垂直滚动条，确保内容展示完整且美观。通过设置verticalScrollPolicy为'off'及合理设定组件高度，避免内容被遮挡。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<s:Scroller width="100%" height="100%">

       //其他组件

      <mx:Tile height="500" verticalScrollPolicy="off"></mx:Tile>

</s:Scroller>

 

如果不希望Scroller内的其他组件A出现垂直滚动条，则需在A上设置verticalScrollPolicy="off"，而verticalScrollPolicy并不是所有组件都有这个属性，只限于部分容器有如mx:Tile。verticalScrollPolicy必须配合height属性一起使用，设置合理的高度，以避免出现高度不够而同时又禁用滚动条导致内容被挡掉的情况

 

 

jbgtwang
关注
鸿蒙ArkTS中的布局容器组件（Column、Row、Flex、 Stack、Grid）
dawn0718的专栏
11-04 2403
记录学习ArkTS布局容器组件的使用。
flex滚动条三种实现方式
08-19
flex三种实现滚动条方式，其实是两种，样式的以两种表现形式写出了。然后，自定了一个滚动条
flex Scroller
集思广益
07-26 131
&lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"       xmlns:s="library://ns.adobe.com/flex/spark"       xmlns:mx="library://ns.adobe.com/flex/mx
flex布局实现固定区域滚动
最新发布
weixin_44134816的博客
06-03 217
父级display: flex;实现org-list-content区域滚动。<div class="aa"></div> //aa固定高度的。
Flex使用Scroller组件实现以鼠标为中心的缩放
weixin_30740295的博客
09-18 116
Flex 用Scroller组件实现鼠标为中心的缩放 Scroller在Flex中为滚动组件，通过viewport实现数据的查看。 有关如何使用Scroller实现大量数据展示的文章可参见http://www.adobe.com/devnet/flex/articles/flex4_viewport_scrolling.html。本篇文章主要解决如何通过鼠标滚轮实现缩放功能...
flex4中的Scroller，监听滚动事件
happyrabbit456的专栏
03-02 2529
Scroller有水平滚动条horizontalScrollBar和竖起滚动条verticalScrollBar，监听change事件即可。    xmlns:mx="library://ns.adobe.com/flex/mx"            xmlns:s="library://ns.adobe.com/flex/spark"
Flex的Scroller组件指定滚动位置
abcdefg8521的专栏
07-17 437
求大神 们 ，帮帮忙 protected function init(event:FlexEvent):void { for(var i:int = 0;i < 100; i++) { ...
Flex4滚动条外观自定义：打造现代风格的Scroller组件
- **Scroller组件介绍**：在Flex框架中，Scroller是一个可以包含滚动功能的容器组件，它可以让子组件在超出其可视区域时提供滚动条以便用户滚动查看。 - **Scroller组件功能**：Scroller组件提供了水平和垂直滚动条...
FLEX4的皮肤skin
07-13
在Flex 4中，皮肤（Skin）是一种强大的机制，用于改变和定制UI组件的外观和交互体验。本文将深入探讨FLEX4中的皮肤系统，特别是SparkSkin类，并通过实例展示如何创建和应用自定义皮肤。 1. SparkSkin的介绍： ...
flex4自定义组件皮肤
11-11
- 如果在自定义皮肤中使用了MX组件，可能与Flex4的Spark组件不兼容。因此，描述中提到的“请自己把所有mx组件改成sp组件”，是为了确保在Flex4环境中正确运行。 6. **压缩包内容分析** - 压缩包中的"src"目录可能...
vue-virtual-scroller和flex的结合
01-18
#### 使用Flex布局调整内部项目 通过设置 `.item-wrapper` 类来控制每一行或列中的条目间距以及对其方式。这里假设希望创建水平方向上的列表视图。 ```css .item-wrapper { display: inline-flex !important; ...
自定义FLEX的滚动条样式
不忘初心 方得始终
11-25 1036
VScrollBar {/*下面箭头的样式*/downArrowUpSkin:Embed(source="icons/hsthumb.gif");downArrowOverSkin:Embed(source="icons/hsthumb.gif");downArrowDownSkin:Embed(source="icons/hsthumb.gif");/*上面箭头的样式*/upArrowUpSki
自定义FLEX滚动条滑块样式
gongyongxing的专栏
08-10 4368
在Flex里我们可以使用downArrowSkin,upArrowSkin,trackSkin,thumbSkin方法的设置滚动条的样式..不过由于设计的关系..滚动条的thumbSkin常设置成一个"点"或一个"块"..这个块是固定大小的..不像Flex自带的滚动条会随滚动区域的高度而改变..如果直接设置thumbSkin,那滑块将拉变形~非常难看..这时候我们可以使用verticalScrollBar里的setScrollProperties方法来调整滑块高度..publicfunctionsetScr
关于Flex的ScrollBar
技术杂货铺
06-16 1027
Flex的ScrollBar 获得视口内容高度的时机 如何控制视口内容的位置
Flex scroller皮肤的使用
weixin_34161029的博客
08-08 114
Flex4 scroller 自定义皮肤 十月 15, 2010 Posted by admin flex4里引入了sparkSkin, spark包里的可视控件可以通过指定skinClass的值来修改控件的默认皮肤。 下面是一个如何自定义某个scrollbar的外观的例子。 新建一个flex project, 名字假设为myScrollerbar, 编辑...
Flex样式-VScrollBar篇
牛栏山矿泉水
01-01 194
VScrollBar { cornerRadius: 7; highlightAlphas: 0.4, 0.44; fillAlphas: 0.75, 0.49, 0.75, 0.65; fillColors: #999900, #cc0000, #6600ff, #33cc66; trackColors: #00cc66, #660099; themeColo...
Flex中List控件增多一条数据项后让其自身的scroller滚到最底部
happyrabbit456的专栏
03-02 1031
Flex中List控件增加一条数据项后让其自身的scroller滚到最底部 首先mxml布局： <s:List id="cartList" top="40" width="220" maxHeight="270" borderVisible="false" click="cartList_ClickHandle(event)" dataProvider="{se
自定义flex4* list中的滚动条样式
xiaoai_911的专栏
12-15 2830
网上找到的一个滚动条样式的皮肤 然后使用 List(List的ID).scroller.setStyle("skinClass" , Scroller_skin);
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值