背景是这样的,vue工程,用的vant组件。为了方便说明我简化来说,如图两个div竖排叠放,第一个div已设置fixed定位,那么如何动态拿到第一个div的height,然后设置给第二个div的margin-top或者其他,做到当滚动的时候,第二个div不会被第一个覆盖。

CSS有方法可以拿到前一个盒子的高度吗?
- 写回答
- 好问题 0 提建议
- 关注问题
- 邀请回答
-
2条回答 默认 最新
- 喵喵学姐 2022-01-27 14:24关注
可用div.offsetHeight获取高度,但建议少用position。
可以设计为上下两部分:
1、第一div高度设置固定高度
2、第二div是需要滚动的,则设置flex:1;即可铺满剩余位置;
3、关闭外边(html,body)等滚动条,给第二个div开启滚动条 overflow:auto;本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报