ionic中<ion-scroll>設置為左右滾動,蘋果手機端觸摸到此標簽上時無法上下滾動內容
ionic中<ion-scroll>設置為左右滾動,蘋果手機端觸摸到此標簽上時無法上下滾動內容。
如下代碼:
<ion-scroll direction="x" scrollbar-x="false" style="width:100%">
<ul class="brand-scrollList">
<li ng-repeat="lists in bestProjects" ng-if="$index<10" ng-click="toProject(lists.id)">
<img ng-src="{{lists.image}}" err-src="img/middle.jpg">
<p class="brandName">{{lists.title}}</p>
</li>
</ul>
</ion-scroll>
解決:去掉<ion-scroll>自定義滾動
css:
.scroll-forXY{
overflow-x: scroll;
overflow-y: hidden;
overflow-scrolling: touch;
}
<div class="scroll-forXY">
<ul class="brand-scrollList">
<li ng-repeat="lists in bestProjects" ng-if="$index<10" ng-click="toProject(lists.id)">
<img ng-src="{{lists.image}}" err-src="img/middle.jpg">
<p class="brandName">{{lists.title}}</p>
</li>
</ul>
</div>
ionic中<ion-scroll>設置為左右滾動,蘋果手機端觸摸到此標簽上時無法上下滾動內容