美文网首页angularjs+ionic程序员手机移动程序开发
解决ionic1.x无法长按复制和ios无法滑动问题

解决ionic1.x无法长按复制和ios无法滑动问题

作者: Hank_谢旱 | 来源:发表于2017-10-16 14:49 被阅读27次

    一 问题分析

    问题一:ionic1.x中默认长按文字无法复制,不管是浏览器中还是打包成App都存在这个问题;
    问题二:ionic1.x在ios内置safari浏览器存在上下滑动禁用的问题

    二 解决问题

    1 修改css

    *{
      -webkit-touch-callout:default;
      -webkit-user-select:auto;
      -khtml-user-select:text;
      -moz-user-select:text;
      -ms-user-select:text;
      user-select:text;
      -o-user-select:default;
    }
    
    /*注意:在html页面设置<ion-content overflow-scroll="true">*/
    
    .selectable {
      -webkit-user-select: auto;
    }
    

    2 修改html

    <ion-view view-title="{{title}}">
      <ion-content overflow-scroll="true" scroll="true" has-bouncing="false">
        <ion-scroll style="height: 100%">
          <label data-tap-disabled="true" class="richText selectable" style="min-height: 80%;height: 100%"
                 ng-bind-html="meetingInfo.textInfo"></label>
               style="margin-top: 10px;margin-bottom: 10px;"/>
        </ion-scroll>
      </ion-content>
    </ion-view>
    

    overflow-scroll="true" scroll="true"
    data-tap-disabled="true" class="selectable" 引用

    相关文章

      网友评论

        本文标题:解决ionic1.x无法长按复制和ios无法滑动问题

        本文链接:https://www.haomeiwen.com/subject/ihikuxtx.html