angularjs+ionic程序员手机移动程序开发

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

2017-10-16  本文已影响27人  Hank_谢旱

一 问题分析

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

上一篇 下一篇

猜你喜欢

热点阅读