Flex:自定义滚动条样式/隐藏上下箭头

简介:

Flex组件自定义滚动条的实现

.scrollBar{
downArrowUpSkin:Embed(source="img/mainLeftScrollBar/bar_bottom.png");
downArrowOverSkin:Embed(source="img/mainLeftScrollBar/bar_bottom.png");
downArrowDownSkin:Embed(source="img/mainLeftScrollBar/bar_bottom.png");
downArrowDisabledSkin:Embed(source="img/mainLeftScrollBar/bar_bottom.png");

upArrowUpSkin:Embed(source="img/mainLeftScrollBar/bar_top.png");
upArrowOverSkin:Embed(source="img/mainLeftScrollBar/bar_top.png");
upArrowDownSkin:Embed(source="img/mainLeftScrollBar/bar_top.png");
upArrowDisabledSkin:Embed(source="img/mainLeftScrollBar/bar_top.png");

thumbDownSkin:Embed(source="img/mainLeftScrollBar/bar_middle_down.png",scaleGridLeft="2",scaleGridTop="2",scaleGridRight="12",scaleGridBottom="26");
thumbUpSkin:Embed(source="img/mainLeftScrollBar/bar_middle.png",scaleGridLeft="2",scaleGridTop="2",scaleGridRight="12",scaleGridBottom="26");
thumbOverSkin:Embed(source="img/mainLeftScrollBar/bar_middle_over.png",scaleGridLeft="2",scaleGridTop="2",scaleGridRight="12",scaleGridBottom="26");

trackSkin:Embed(source="img/mainLeftScrollBar/bar_bg.png",scaleGridLeft="2",scaleGridTop="2",scaleGridRight="12",scaleGridBottom="26");
}

 

隐藏Flex滚动条的箭头和滑竿

 

.myCustomScrollBarStyleName {
downArrowSkin: ClassReference(null);
upArrowSkin: ClassReference(null);
thumbSkin: ClassReference(null);
}

 

本文转自jiahuafu博客园博客,原文链接http://www.cnblogs.com/jiahuafu/p/4221072.html如需转载请自行联系原作者


jiahuafu

相关文章
|
3月前
element-ui 表格和 tooltip修改背景颜色和箭头颜色
element-ui 表格和 tooltip修改背景颜色和箭头颜色
144 0
|
4月前
|
前端开发
CSS 隐藏滚动条
CSS 隐藏滚动条
|
4月前
|
前端开发
CSS改变图标颜色(filter一行代码解决hover变换颜色问题)
CSS改变图标颜色(filter一行代码解决hover变换颜色问题)
50 0
|
5月前
|
前端开发
CSS实现隐藏滚动条但是可以滚动
CSS实现隐藏滚动条但是可以滚动
27 0
|
10月前
|
前端开发
修改滚动条样式 #30
修改滚动条样式 #30
55 0
|
前端开发 容器
CSS之常用属性、元素的显示模式、盒模型(下)
CSS之常用属性、元素的显示模式、盒模型(下)
|
前端开发
CSS之常用属性、元素的显示模式、盒模型(上)
CSS之常用属性、元素的显示模式、盒模型(上)
|
Web App开发 前端开发 iOS开发
css怎么隐藏滚动条
css怎么隐藏滚动条
217 0
|
前端开发
内容滚动条和子 div 高度自适应
一个div里面,两个子div高度自适应(平分父div的高度)和元素内容过多的时候,根据需求出现高度滚动条或者宽度滚动条。 先放最终效果(在下面会有demo代码。): Paste_Image.png 实现这些效果要怎么做呢?咱一步一步来。 第一步: 先设置html结构:这里我已经搭好了。 第二步然后开始写css样式了 设置父元素box的样式 设置box1的样式 现在尝试把html解除注释 下面就到了关键的部分了(文章末尾有demo,不想看的话,可以自己试试。): 在上面我们已经设置了最大高度和最小高度,因为box1空间不够所以溢出来了。
723 0
内容滚动条和子 div 高度自适应