2015-08-13 2 views
0

У меня есть вид в ионной форме, который имеет изображение вверху и прокручиваемый список сообщений. Я хочу, чтобы изображение оставалось на экране, а список можно прокручивать. Вот мой текущий код:ионный контент со свитком

<ion-content scroll="false"> 
    <img src="/myimage.png"> 

    <ion-scroll direction="y" style="height: auto;" delegate-handle="postScroll"> 
     <div class="list"> 
     <a class="item item-avatar" ng-repeat="post in posts"> 
      <img ng-src="myimage.png"> 
      <h2>{{post.title}}</h2> 
      <p>{{post.content}}</p> 
     </a> 
     </div> 
    </ion-scroll> 
    </ion-content> 

Это работает очень хорошо, то есть прокрутки делает работу, и изображение остается на месте. Но у меня проблемы с настройкой высоты. Например, если у меня есть 100 сообщений, я вижу только 2-3, так как контейнер высоты не достаточно большой. Правильно ли я делаю это? Как установить высоту переменной для количества сообщений? Пользователь может добавлять сообщения динамически, чтобы эта высота могла быть изменена.

+0

Смотрите, если удалить "высота: авто" и положить, например, 500px работы. – NHTorres

+0

это не сработает, потому что я мог бы иметь 5 сообщений или 50. – thebiglebowski11

+0

На самом деле, если он будет работать, вы увидите функцию прокрутки, это был только тест. – NHTorres

ответ

0

Я оставляю эти коды, которые помогут вам!

<ion-scroll direction="x" zooming="false" delegate-handle="horizontal2" horizontal-scroll-fix="mainScroll"> 

example 1

example 2

+0

На самом деле это не то, что им нужен – thebiglebowski11

+0

Не хотите, чтобы высота контейнера не зависела от количества прокрутки? – NHTorres

Смежные вопросы