Come risolvere md-tabs e md-toolbar e scorrere i contenuti md?

sto cercando di fare qualcosa di simile:Come risolvere md-tabs e md-toolbar e scorrere i contenuti md?

<md-tabs> 
    <md-tab label="First Tab"> 
    <md-toolbar></md-toolbar> 
    <md-content> 
     <md-list> 
     <md-list-item ng-repeat="item in items"> 
      <md-item-content> 
      <div> 
       {{item}} 
      </div> 
      </md-item-content> 
     </md-list-item> 
     </md-list> 
    </md-content> 

    </md-tab> 
    <md-tab label="Second tab"> 
    <md-list flex> 
     <md-list-item ng-repeat="item in items"> 
     <md-item-content>{{item}}</md-item-content> 
     </md-list-item> 
    </md-list> 
    </md-tab> 
</md-tabs>

voglio le schede e barra degli strumenti da fissare (sempre visibile) e il contenuto della lista per scorrere. Non riesco a trovare un modo per farlo. Ci sono altri problemi simili segnalati (ad esempio here) ma sembrano essere vecchi e apparentemente risolti. Sto lavorando con angolare materiale 0.10.0

Plunker here

fonte

2015-06-22 kpg

ha u trovare una soluzione? –

Si può farlo con un po 'di CSS.

Add a class to the elements with position:fixed !important

Non dimenticare di usare! Importante. Ciò sostituirà la proprietà di posizione predefinita per le schede e la barra degli strumenti

fonte

2015-10-09 18:57:34

Facile e semplice. – Guus

È possibile utilizzare "md-subheader" come contenitore padre. Il suo comportamento predefinito è appiccicoso. La sua documentazione è https://material.angularjs.org/latest/api/directive/mdSubheader

Non sono sicuro se questo è un approccio cattivo o buono, ma non ho trovato alcun modo alternativo nel materiale angolare 1.1.0 (RC4).

fonte

2016-05-31 12:40:29

Questo dovrebbe essere utile per voi

<body layout="column"> 
    <md-toolbar> 
    <div class="md-toolbar-tools"> 
     <h2> 
     <span>Toolbar</span> 
     </h2> 
    </div> 
    </md-toolbar> 
    <md-tabs md-stretch-tabs> 
    <md-tab> 
     <md-tab-label> 
     Tab 1 
     </md-tab-label> 
    </md-tab> 
    <md-tab> 
     <md-tab-label> 
     Tab 2 
     </md-tab-label> 
    </md-tab> 
    </md-tabs> 
    <md-content flex> 
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 
    Hello world 
    </md-content> 
</body>

fonte

2016-06-12 01:22:23

Questo funziona se si aggiunge uno per ogni scheda. Il problema è che il contenuto non beneficia delle animazioni fornite da all'interno di . – kpg

Come risolvere md-tabs e md-toolbar e scorrere i contenuti md?

risposta

Problemi correlati