`

Sencha Touch 自定义滚动条样式

 
阅读更多

Sencha Touch 自定义滚动条样式,通过修改CSS来实现:

 

滚动条

.x-scroll-indicator {

opacity: 0.4 !important;

width: 3px !important;

}

 

横向滚动条

.x-scroll-bar-x.active {

height: 3px !important;

}

分享到:
评论
2 楼 thierry.xing 2014-11-03  
dp_laughing 写道
怎么设置滚动条的位置,使其靠边?

这个还么有研究过
1 楼 dp_laughing 2014-10-30  
怎么设置滚动条的位置,使其靠边?

相关推荐

    sencha touch 自定义图标

    实现sencha touch 三种图标的使用 1、使用内置图标 2、使用自定义的字体图标 3、使用自定义的图片 经过验证,绝对可用

    touch-docs-2.2.1.zip(senchaTouch 离线API参考文档)

    Sencha Touch 是一款专为移动设备开发的前端框架,它提供了丰富的组件和API,使得开发者可以轻松构建跨平台的触控应用。这个压缩包“touch-docs-2.2.1.zip”包含了Sencha Touch 2.2.1版本的离线API参考文档,对于...

    sencha touch项目源码

    7. **样式与布局**:Sencha Touch使用CSS3进行样式控制,项目中可能有自定义的样式文件,如`app.css`,用于定义组件的外观和布局。 8. **模板与渲染**:Sencha Touch支持使用模板(Template)来动态生成HTML,这在...

    Sencha 和 Sencha Touch 简介

    本文通过对 Sencha Touch 框架的介绍,使读者对该框架有一定的了解,并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 ExtJS ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速...

    sencha touch 登陆界面

    Sencha Touch 是一款专为移动设备设计的JavaScript框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。"sencha touch 登陆界面"这个主题,主要涉及的是如何使用Sencha Touch来设计和实现一...

    Sencha Touch in Action

    《Sencha Touch in Action》是一本关于使用Sencha Touch进行跨平台移动开发的书籍,它详细介绍了Sencha Touch框架的使用方法和技巧。Sencha Touch是一个利用HTML5、CSS3和JavaScript创建移动Web应用程序的框架,它是...

    sencha touch list demo

    List组件提供了多种样式和配置选项,如分组、多选、索引条等,以满足不同需求。 3. **数据绑定** 在"sencha touch list demo"中,列表的数据通常来自一个Store。Store是Sencha Touch中的数据管理器,它可以加载和...

    Sencha Touch开发的项目《般若人生》源码

    《般若人生》是一款基于Sencha Touch框架开发的移动应用项目。Sencha Touch是一个流行的JavaScript框架,专门用于构建跨平台的触屏友好型Web应用程序。它提供了丰富的UI组件和强大的数据管理工具,使得开发者能够...

    一个完整的sencha touch 应用案例

    Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。这个压缩包文件包含了创建一个完整的Sencha Touch 应用所需的基本元素,让我们逐一解析这些...

    Sencha touch学习笔记二:自定义目录方式的创建第一个应用

    在本文中,我们将深入探讨如何使用Sencha Touch框架自定义目录结构来创建你的第一个应用程序。Sencha Touch是一款强大的JavaScript框架,专为构建移动Web应用程序而设计。它提供了丰富的UI组件和数据管理工具,使得...

    sencha touch 例子 list 使用 代码

    在Sencha Touch中,`List`组件是核心组件之一,常用于展示可滚动的数据集合,例如联系人列表、任务列表等。本教程将深入探讨`List`组件的使用方法,以及如何在Sencha Touch 2中实现一个示例。 首先,`List`组件是...

    sencha touch中文翻译文档

    - **图表(Charts)**:绘制各种数据图表,如柱状图、折线图、饼图等,以及自定义样式和交互。 此外,文档可能还提供了示例代码、实战教程和常见问题解答,以帮助开发者解决实际开发中遇到的问题。对于初学者来说,...

    sencha touch 2.4.0最新版

    Sencha Touch 2.4.0 是一个专为移动设备设计的前端JavaScript框架,它使得开发者能够构建功能丰富的、响应式的Web应用程序,这些应用在智能手机、平板电脑等移动设备上表现得如同原生应用一样流畅。这个框架由Sencha...

    sencha touch在VScode上的插件

    Sencha Touch 是一款用于构建移动应用的前端框架,它提供了丰富的组件库和强大的数据管理功能,使得开发者可以创建交互性强、性能优异的触屏应用程序。VSCode(Visual Studio Code)是微软开发的一款广受欢迎的源...

    Sencha Touch2环境搭建

    Sencha Touch 2是一款专为移动设备开发的前端框架,用于构建高性能的触控应用程序。它提供了丰富的组件库,使得开发者能够轻松创建出与原生应用相似的用户体验。本篇文章将详细阐述如何搭建Sencha Touch 2的开发环境...

    senchaTouch和fusioncharts结合的实例

    FusionCharts 提供了一些内置方法来调整图表大小,但可能需要根据Sencha Touch 的布局规则进行额外的样式调整。 6. **事件监听**:FusionCharts 支持多种交互事件,如点击图表、图例等。你可以结合Sencha Touch 的...

    sencha touch grid

    为了在移动设备上提供流畅的用户体验,Sencha Touch Grid采用虚拟滚动技术,只渲染当前屏幕可见的行。此外,数据分页、延迟加载也是优化性能的有效手段。 ### 样式与主题 Sencha Touch Grid支持主题定制,可以使用...

    api.zip_sencha _sencha touch api_sencha touch2 api

    标题中的"api.zip_sencha _sencha touch api_sencha touch2 api"表明这是一个关于Sencha Touch API的压缩文件集合,可能包含了Sencha Touch和Sencha Touch 2两个版本的API文档。 **Sencha Touch基础知识** Sencha ...

Global site tag (gtag.js) - Google Analytics