прокрутка ионного прокрутки вниз не отображает все элементы внизу

Question

это работает, но не может прокручиваться до самого низа. У меня есть кнопка дома внизу, и несколько элементов заблокированы ею и не будут прокручиваться вверх. главная кнопка находится в нижнем колонтитуле на главной странице, а не на том же контроллере. как я могу убедиться, что все изображение внизу. оценил для любого совета.

<ion-scroll direction='y' zooming='true' style="height: 1024px"> 
    <div class="favorites list item item-text-wrap" ng-repeat="photo in favorites"> 
     <a class="item item-thumbnail-left" href="#"> 
     <img src="sourceURL</p> 
     </a> 
    </div> 
    </ion-scroll> 

Answer 1

Я думаю, что лучший способ заключается в использовании <ion-content>, это был разработан для прокрутки, а также. Но у этого есть некоторый класс, который помогает нам определить нижнюю и верхнюю границу, например has-footer или has-sub-footer. Для этого не нужно указывать точное значение высоты в атрибуте style.

Для <ion-content> вы можете сделать так:

<ion-content direction="y" class="has-footer" <!-- has-bouncing="true" --> > 
    <div class="favorites list item item-text-wrap" ng-repeat="photo in favorites"> 
     <a class="item item-thumbnail-left" href="#"> 
      <img src="sourceURL"</p> 
     </a> 
    </div> 
</ion-content> 

как в примере выше, я добавил has-footer класс, он будет автоматически толкать основное содержание для вас, все содержимое будет показано, как вы ожидали. Вы также можете поместить атрибут has-bouncing="true", например <ion-scroll>