如何解决固定元素被父 div
我有 .parent
带有 -webkit-overflow-scrolling: touch
css 属性的可滚动元素。在这个 .parent
元素中,我修复了 .child
元素,但它被 IOS 设备中的 .parent
元素溢出。这种行为是由 -webkit-overflow-scrolling 属性引起的,但是我不想删除这个属性,因为如果我删除了,它在很多 ios 设备上都不流畅。
这是代码示例:
<div class="parent">
<div class="child"></div>
</div>
<style>
.parent {
width: 300px;
height: 300px;
overflow: scroll;
}
.child {
position: fixed;
top: 0;
left: 0;
width: 1000px;
height: 1000px;
overflow: scroll;
background-color: red;
}
</style>
在 IOS 上,只有 child
溢出,并且仅显示 300x300 大小的红色部分。
那么如何解决这个问题,以便子元素不会溢出?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。