在 Sencha Touch 2 中，如何让滚动指示器永久显示？答案

【问题标题】：In Sencha Touch 2, how do you make the Scroll Idicators show permanently?在 Sencha Touch 2 中，如何让滚动指示器永久显示？
【发布时间】：2013-06-10 12:56:37
【问题描述】：

我浏览了煎茶论坛，发现其他人问过这个问题并得到了回答。但是，我似乎无法重现任何解决方案。我试过了：

Ext.override(Ext.scroll.indicator.CssTransform, {hide: function() {return false;},initialize:function(){this.show();}});
Ext.override(Ext.scroll.indicator.Default, {hide: function() {return false;},initialize:function(){this.show();}});
Ext.override(Ext.scroll.indicator.ScrollPosition, {hide: function() {return false;},initialize:function(){this.show();}});

并尝试过：

Ext.override(Ext.util.Scroller.Indicator, {
    hide: function() {
        var me = this;
        if (this.hideTimer) {
            clearTimeout(this.hideTimer);
        }
        return this;
    }
});

下面的这些链接是我想要重现的内容。有没有人运气好让滚动条总是显示在 Sencha Touch 2 中？在 Sencha Architect（在下面的网站中讨论）中将在哪里输入 CSS 技巧？

http://www.sencha.com/forum/showthread.php?146621-Making-List-Scroll-Idicators-show-permanently

http://www.sencha.com/forum/showthread.php?151468-Making-scrollbar-visible-all-the-time

【问题讨论】：

Ext.override 在 ST2 中已弃用。您需要将 Ext.define 与覆盖配置一起使用。见docs.sencha.com/touch/2.2.0/#!/api/Ext-method-override可能有帮助

标签： extjs touch sencha-touch-2

【解决方案1】：

尝试将其放入您的应用程序 css 文件中：

.x-scroll-indicator {
    opacity: 0.5 !important;
}

这应该总是让它可见

【讨论】：

我正在使用 Sencha Architect 并创建一个简单的表单面板。我添加了一个本地 CSS 文件并粘贴了您推荐的文本，但它不起作用。滚动条仍然消失。我知道 app.html 正在引用 CSS 文件，并且 Sencha Architect 验证该文件是否存在并且在正确的位置。我必须在某处启用一些滚动选项吗？我已经开启了垂直滚动...
您能否使用 Web 检查器工具栏验证此样式确实应用于滚动指示器？如果在滚动条上使用 Chrome 右时钟并选择“检查元素”。
可能没有正确应用 CSS 文件？我的 url 值为：'./resource/css1' 我不应该在我的 app.html 文件中使用相对路径吗？（即）
点击检查元素后，它为我提供了：

如果您选择具有“x-scroll-indicator”类的 div，您的 CSS 是什么？你不应该在 app.html 中添加你的 CSS，它应该被添加到 app.json