(仅在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;
}