zoukankan      html  css  js  c++  java
  • ionic中<ion-scroll>设置为左右滚动,苹果手机端触摸到此标签上时无法上下滚动内容

    ionic中<ion-scroll>设置为左右滚动,苹果手机端触摸到此标签上时无法上下滚动内容。

    如下代码:

    <ion-scroll direction="x" scrollbar-x="false" style="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>

  • 相关阅读:
    Uva 11401 数三角形
    Uva 11538 象棋中的皇后
    数学基础——基本计数方法
    八数码问题
    python 爬poj.org的题目
    python 爬图片
    hiho 第135周 九宫
    Uva 11464 偶数矩阵
    BZOJ 1001 [BeiJing2006]狼抓兔子
    LA 3708 墓地雕塑
  • 原文地址:https://www.cnblogs.com/adolfvicto/p/6862768.html
Copyright © 2011-2022 走看看