Javascript Ionic水平滚动-保留或显示所选项目

我在应用程序中使用水平滚动来选择菜单类别

我使用了代码笔的例子，一切都很好

我已经实现了左/右滑动以在类别之间切换，但是如果我选择了屏幕外的类别，我希望它显示出来，而不是隐藏在右/左

如何以编程方式（或通过CSS）确保所选项目（由类定义）在滚动到视图中时始终可见

下面是一个示例，展示了当一个选定的类别在视图中时它的外观（它是从CSS类中粗体显示的）

以下是向右滑动直到选择屏幕外的类别的结果示例

水平滚动条的代码如下所示

    <div class="bar bar-sub-header item-input-inset">
        <ion-scroll direction="x" class="wide-as-needed">
            <button ng-repeat="category in model.selectedMenu.categories"
                ng-click="selectCategory(category)"
                ng-style="model.selectedCategory.id == category.id && {'font-weight': 'bold'}"
                class="button button-clear category">
                {{category.name | uppercase}}
            </button>
      </ion-scroll>
    </div>

{{category.name |大写}}

使用的CSS类如下所示：

.根据需要，宽{ 溢出：滚动； 空白：nowrap；

---

}

我也面临同样的问题