如果位置绝对和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; 
}