Question

我的Ionic应用程序的一个屏幕出现问题。这是模板：

<ion-content scroll="false" ng-controller="OptionsCtrl">
  <div class="image-thumbnail_options">
    <img ng-src="{{data.imageData}}"/>
  </div>
  <div class="list raleway-medium format-radio_options">
    <div>
      <p class="primary-color">Select output file format</p>
    </div>
    <ion-radio ng-repeat="item in outputFormatList"
               ng-value="item.value"
               ng-model="data.outputFormat">
      {{ item.text }}
    </ion-radio>
  </div>
  <div class="buttons-group_options">
    <button class="button button-flat" ng-click="show()">
      <i class="raleway-bold primary-color icon-left ion-checkmark-circled"> CONTINUE</i>
    </button>
    <button class="button button-flat" ui-sref="main">
      <i class="raleway-bold primary-color icon-left ion-android-cancel"> CANCEL</i>
    </button>
  </div>
</ion-content>

问题是，当页面加载时，图像会正确居中并覆盖全尺寸，但我可以看到，我可以水平滚动它，结果如下： wtf-scroll 我不知道为什么它表现得那样，所以我真的很感激任何帮助或建议。来自scss：

.image-thumbnail_options {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 33%;
    img {
      padding: $options_image-padding;
      display: block;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
}

我也在Ionic的论坛上发布了这个问题，但在此期间我没有得到任何回复。我认为这可能是Android API 19（4.4 Kitkat）WebView或者离子的一个错误，因为我无法在Lollipop和IOS上重现这一点。

用Ionic创建的Android应用程序中不需要的水平滚动

0 个答案: