带有html元素的水平滚动的html元素

Question

我有一个HTML水平条纹，其中的按钮需要在<ion-slide>内部水平滚动。 （水平条纹包含许多用户希望看到的按钮。他从右向左滑动此水平列表，然后出现下一个按钮。问题是，当我触摸水平列表并滑动时，我滑动了<ion-slide>而不是列表带有html按钮。如何更改按钮使其移动。

<ion-slide id="categories" ng-controller="CategoriesCtrl" scrollX="false" scrollY="false">
    <ion-content scrollX="false" scrollY="false">
        <ion-list>
            <div class="category-row" ng-if="categoriesLoaded" ng-repeat="category in categories">
                <div class="category-title">
                    [[category.title]] ([[ category.programmesLength ]])
                </div>
                <div class="programmes-container">
                    <div ng-repeat="programme in category.programmes">
                        <a ng-href="#/dvr/[[ programme.id ]]" class="programme" style="background-image: url([[programme.icon]]);">
                            <img ng-src="[[ programme.channel.icon ]]" class="channel-image">
                            <div class="duration"> [[ programme.duration ]] </div>
                            <div class="content">
                                <div class="title"> [[ programme.title ]] </div>
                                <div class="time"> [[ programme.time ]] </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </ion-list>
    </ion-content>
</ion-slide>

您可以在图片上看到：红线表示<ion-slide>下一页的边框。 绿色框代表按钮。 黄色箭头表示应移动绿色框的方向。

） 更新：我设法显示了水平滚动条，它们正在工作，但是在框上滑动不起作用。 我需要通过按框并移动来进行滑动。 下面是更新的图像。

Answer 1

我找到了解决方案：

<ion-scroll direction="x" class="cat-scroller" style="overflow-x: hidden;" overflow-scroll="false">
....
</ion-scroll>

做得好。 而且在JS方面：

$ionicSlideBoxDelegate.enableSlide(false);

我把它放在.controller('..', function($scope)){//here} 。 这东西可以防止水平滚动。 但是没有它也可以做到，但是水平滚动将是困难的，但是可能的。