CSS - Element with visibility:hidden不滚动
CSS - Element with visibility:hidden不滚动
提问于 2017-02-07 23:18:21
我有一个包装器和一个内部包装器作为包装器的子元素。内部包装器应该在包装器内部滚动，并且应该隐藏可见性。
这在计算机浏览器中工作得很好。但是，当我在移动浏览器中打开页面时，内包装器不会滚动。
有什么问题吗？
HTML：
<div id="wrapper">
<div id = "inner-wrapper">
<div id = "circle"></div>
<div id = rectangle></div>
</div>
</div>
<button>
button
</button>CSS：
#wrapper{
position: fixed;
top: 0px;
width: 1px;
height: 200px;
z-index: 99999999;
}
#inner-wrapper{
width: 300px;
height: 200px;
overflow: auto;
z-index: 99999999;
}
#circle{
height: 300px;
width: 300px;
border-radius: 100%;
background-color: black;
z-index: 99999999;
}
#rectangle{
margin-top: 100px;
height: 200px;
width: 300px;
background-color: red;
z-index: 99999999;
}
button{
z-index: 1;
background-color: white;
}回答 1
Stack Overflow用户
发布于 2017-02-07 23:24:10
您可以考虑使用以下属性：
-webkit-overflow-scrolling: touch;还要确保设置：
overflow:scroll;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42093433
复制相关文章
相似问题
腾讯云开发者
