我们都知道想要实现局部滚动,就得用css中overflow-y:autooverflow-x:auto属性,实现纵向/横向滚动。使用这个属性的必备条件就是给这个局部滚动的视窗一个固定的高。

1.失效场景

父容器高度设置的是百分比在这里插入图片描述

子容器根据(父容器高度 - tabBar栏) 设置固定高度,溢出滚动 失效。

在这里插入图片描述

2.解决方案

在这里插入图片描述

给父容器设置固定高度,不要用设置百分比。

3.总结

如果父容器高度为百分比,子容器根据父容器百分比设置,整个overflow属性都会失效。
实现overflow的效果必须有一个固定高,父容器也必须是固定的高

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐