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}中。这东西可以防止水平滚动。但是没有它也可以做到，但是水平滚动将很困难，但是可能。

带有离子滑梯中水平滚动的html元素

1 个答案: