अगर स्थिति निरपेक्ष और अतिप्रवाह-x छिपा निर्दिष्ट

Question

मैं ng-view एनिमेटेड तत्व के लिए स्क्रॉल नहीं कर सकते। मैं स्लाइडअप एनीमेशन का उपयोग कर रहा हूं, जिसमें सामग्री को क्लिप करने के लिए तत्वों की पूर्ण स्थिति और overflow-x: hidden की आवश्यकता होती है। एक उप-पृष्ठ में मुझे scrollTo तत्व कार्यक्षमता का उपयोग करना होगा, लेकिन दोनों 2 मान निर्दिष्ट किए जाने पर यह काम नहीं करता है।

<div class="wrapper ng-view-div"> 
<nav> 
     <ul> 
      <li><a href du-smooth-scroll="section-1" du-scrollspy>Section 1</a></li> 
      <li><a href du-smooth-scroll="section-2" du-scrollspy>Section 2</a></li> 
      <li><a href du-smooth-scroll="section-3" du-scrollspy>Section 3</a></li> 
     </ul> 
    </nav> 

<section id="section-1" style="background-color: red"> 
    C 
</section> 
<section id="section-2" style="background-color: blue"> 
    C 
</section> 
<section id="section-3" style="background-color: green"> 
    C 
</section> 
</div> 

मैं plnkr तैयार यह कैसे अब के लिए की तरह लग रहा आसानी से दिखाने के लिए: यहाँ एक मुख्य ng-view वर्ग जो सही एनिमेशन

.wrapper { 
    position: absolute !important; 
    left: 0; 
    top: 0; 
    height: 100%; 
    min-height: 100%; 
    min-width: 100%; 
    overflow-x: hidden; 
    } 

और संरचना के लिए आवश्यक है। स्क्रॉल काम करने के लिए कोई और तरीका है लेकिन इन दो मूल्यों के साथ?

Answer 1

यहाँ, ऊंचाई: आवरण CSS वर्ग में 100% एक मुद्दा बनाता है। कृपया नीचे रैपर सीएसएस वर्ग का उपयोग करें।

.wrapper { 
    position: absolute !important; 
    left: 0; 
    top: 0; 
    min-height: 100%; 
    min-width: 100%; 
    overflow-x: hidden; 
}