एमडी-टैब और एमडी-टूलबार को कैसे ठीक करें और एमडी-सामग्री स्क्रॉल करें?

मैं इस तरह कुछ करने के लिए कोशिश कर रहा हूँ:एमडी-टैब और एमडी-टूलबार को कैसे ठीक करें और एमडी-सामग्री स्क्रॉल करें?

<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>

मैं चाहता हूँ टैब और उपकरण पट्टी तय करने के लिए किया जा (हमेशा दिखाई) और सूची की सामग्री स्क्रॉल करने के लिए। मुझे ऐसा करने का कोई रास्ता नहीं मिल रहा है। अन्य समान समस्याएं रिपोर्ट की गई हैं (उदा। here) लेकिन वे पुराने और माना जाता है कि वे निश्चित हैं। मैं कोणीय-सामग्री के साथ काम कर रहा हूँ 0.10.0

Plunker here

स्रोत

2015-06-22 kpg

था यू का समाधान खोजने के लिए मददगार होना चाहिए? –

आप क्या कर सकते हैं कि एक छोटे से सीएसएस के साथ।

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

उपयोग करने के लिए मत भूलना! महत्वपूर्ण। यह टैब और टूलबार के लिए डिफ़ॉल्ट स्थिति गुण को ओवरराइड करेगा

स्रोत

2015-10-09 18:57:34

आसान और सरल। – Guus

आप "md-subheader" को मूल कंटेनर के रूप में उपयोग कर सकते हैं। इसका डिफ़ॉल्ट व्यवहार चिपचिपा है। इसका प्रलेखन https://material.angularjs.org/latest/api/directive/mdSubheader

मुझे यकीन नहीं है कि यह एक बुरा या अच्छा दृष्टिकोण है लेकिन मुझे कोणीय सामग्री 1.1.0 (आरसी 4) में कोई वैकल्पिक तरीका नहीं मिला।

स्रोत

2016-05-31 12:40:29

यह आपको

<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>

स्रोत

2016-06-12 01:22:23

यह काम करता है यदि आप प्रत्येक टैब के लिए जोड़ते हैं। मुद्दा यह है कि के भीतर एनीमेशन से सामग्री को लाभ नहीं होता है। – kpg

एमडी-टैब और एमडी-टूलबार को कैसे ठीक करें और एमडी-सामग्री स्क्रॉल करें?

उत्तर

संबंधित मुद्दे