滚动体中的项出现在包装器前面的元素前面。
滚动体中的项出现在包装器前面的元素前面。
提问于 2014-09-19 23:05:46
我有一个典型的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索引来修复这个问题，但我希望避免这样做。我认为这与我的包装绝对位置有关。
处理这件事最干净的方法是什么？
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-11-05 20:17:45
您应该将包装器的css设置为溢出:隐藏，以防止任何溢出容器的内容可见。
.wrapper {
overflow: hidden;
}正在发生的事情是，一旦将项设置为位置:绝对，它就放在上下文中的所有其他元素之上，所以在本例中，它被放置在H1之上。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25943562
复制相关文章
相似问题
腾讯云开发者
