如果位置絕對和overflow-x hidden指定，則不能滾動到元素

Question

我有動畫ng-view。我正在使用滑動動畫，這需要元素的絕對位置，並且還要剪輯內容。在一個子頁面中，我必須使用scrollTo元素功能，但如果指定兩個 2值，則它不起作用。 這裏是一個主要ng-view類這是需要正確的動畫

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

和結構：

<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輕鬆地展示它看起來像現在。有沒有其他的方式來實現滾動工作，但有這兩個值？

Answer 1

在這裏，包裝CSS類中的高度：100％會產生問題。請使用下面的包裝CSS類。

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