1

在此示例中： http ://plnkr.co/edit/aPyAkWKEVcFl0xcLpIQm?p=preview

<div class="containerColumn">

<div style="flex: 0 1 auto;">
  <md-toolbar color="accent" style="padding-top:5px; padding-bottom: 5px;">
    <span>TITULO DE LA PANTALLA DE SCROLL PARCIAL</span>
  </md-toolbar>
</div>

<md-tab-group md-stretch-tabs>
  <md-tab>
    <template md-tab-label>
      <md-icon>chat</md-icon>
    </template>

    <div  style="flex: 0 1 auto; padding: 5px 0px 5px 10px;">
      <textarea style="background-color:black;color:white; width: 90%;"></textarea>
      <i class="material-icons orange600" style="cursor:pointer; " (click)="crear()">send</i>
    </div>
    <div  style="flex: 1 1 auto; overflow: auto;">
      <ul>
        <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, eum voluptates cupiditate tempore in numquam iure dolor delectus a dignissimos velit nesciunt mollitia voluptatem molestiae placeat repudiandae ea nostrum autem!</li>
.....
        <li>Aliquam, dicta, eos pariatur illum praesentium aut doloribus omnis cupiditate quas dolorem. Consequatur incidunt commodi eos voluptatum! Pariatur, eaque ut accusamus. Fugiat, qui repellendus praesentium animi ratione deserunt et illo!</li>
      </ul>
    </div>


  </md-tab>
  <md-tab>
    <template md-tab-label>
      <md-icon>content_paste</md-icon>
    </template>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, expedita, voluptatem dolores id quos ea libero nam culpa esse maxime dolorem alias impedit consectetur ad voluptate quibusdam reiciendis! Veritatis, ex.
  </md-tab>
  <md-tab>
    <template md-tab-label>
      <md-icon>phone</md-icon>
    </template>
  </md-tab>
  <md-tab>
    <template md-tab-label>
      <md-icon>picture_as_pdf</md-icon>
      pdf
    </template>
  </md-tab>
</md-tab-group>

我需要通过保持 textarea 固定来滚动聊天项目。我已经尝试了很多方法，但没有得到预期的结果。

有人能帮我吗？

问候。

4

0 回答 0