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

一 问题分析

问题一: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" 引用

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容