位置の絶対値とオーバーフロー-xが隠されている場合、要素にスクロールできません

Question

私はアニメーションng-viewを持っています。私は要素の絶対的な位置を必要とするスライドアップアニメーションを使用していて、コンテンツをクリップするのにoverflow-x: hiddenも使用しています。 1つのサブページでは、私はscrollTo要素の機能を使用する必要がありますが、の両方がの2つの値が指定されていると動作しません。ここで が正しいアニメーション

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

と構造のために必要とされる主なng-viewクラスです：

<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を用意しました。スクロール機能を実現する他の方法はありますか？この2つの値はありますか？

Answer 1

ここでは、ラッパーCSSクラスの高さ：100％が問題を作成します。以下のラッパーCSSクラスを使用してください。

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