在离子中触摸聚焦/单击错误列表项

时间:2016-01-14 15:31:27

标签: html cordova ionic-framework ionic

(仅在Android上测试过) 我有一个项目清单。 这些项目可以正确聚焦并点击除非直到我不滚动,如下面的屏幕截图所示: -

滚动少数项目后

: -

它开始聚焦/点击触摸点上方的几个项目(如下所示)

请注意接触点) 它在列表底部也有奇怪的填充/边距

请帮帮我!帮助表示赞赏!

CODE

<ion-header-bar class="bar-subheader item-input">
<i class="icon ion-search placeholder-icon"></i>
<input type="search"
    placeholder="Search..."
    ng-model="searchText"
    ng-focus="searchFocused = true"
    ng-blur="searchFocused = false"
    ng-change="scrollTop()" class="searchStyle">
</ion-header-bar>
<ion-content>
<a class="item item-thumbnail-left" ng-repeat="item in items">
        <img ng-src="img/ionic.png" alt="" class="ItemImg"/>
        <h2>Item 1</h2>
        <p class="listdesc">{{item.desc}}</p>
        <p class="listdesc">lorem</p>
</a>
</ion-content>

CSS

.ItemImg{
  width:70px !important;
  height:70px !important;
  margin-left: 0px;
  margin: 0px;
  padding: 0px;
  border-radius: 50%;
}

.listdesc{
  margin-top: 10px;
}

0 个答案:

没有答案