项目在滚动条出现在包装

Question

前述元件前方我有一个典型iscroll 5标记：

<h1>Hello</h1> 
<div class="wrapper"> 
    <ul class="scroller"> 
     <li>foo</li> 
     ... 
    </ul> 
</div> 

new Scroll(document.getElementById('wrapper')); 

该包装具有绝对位置。滚动条有一个相对的位置。

问题是，当我向下滚动时，列表项在前面显示my h1“Hello”元素。

我认为我可以通过明确设置z-indexes来解决这个问题，但是我想避免这样做。我认为这与我的包装绝对位置有关。

最简洁的方法是什么？

Answer 1

您应该将您的包装器的css设置为overflow：hidden以防止任何溢出容器的东西可见。

.wrapper { 
    overflow: hidden; 
} 

正在发生的事情是，一旦你设置将项目作为位置是：绝对的，它被放置在上下文中的所有其他元素之上，所以在这种情况下，它放置在H1的顶部。