有什么办法能在滚动条显示时自动增加 div 的高度吗?

2022 年 11 月 11 日
 edis0n0
在 css 写死 div 的高度后出现滚动条时一部分内容就会被挡住,需要的效果是这个时候自动增加一点 div 的高度。虽然用 js 监听页面大小调整,判断元素长度大于 div 长度应该是可以但感觉太不优雅了
2255 次点击
所在节点    程序员
6 条回复
autoxbc
2022 年 11 月 11 日
优雅的做法是不写死高度,网页天然就会在各种媒介上展示,CSS 提供了对应的弹性排版,不应该套用打印出版物的思维
renmu
2022 年 11 月 11 日
增加点 padding 空白
edis0n0
2022 年 11 月 11 日
@autoxbc #1 设计图上这里是单行工具条,不限制高度我不知道怎么做成单行可滑动的
rekulas
2022 年 11 月 11 日
你可以自定义滚动条效果,并预留空间,就不需要修改 dom 了
https://codepen.io/MathieuRichard/pen/pooZdV
huangqihong
2022 年 11 月 12 日
如同楼上说的,可以增加 padding ,建议可以贴代码和贴图,这样我们的建议更加准确些,可以给你最大的帮助
WillKwok
2022 年 11 月 13 日
为什么要写死高度呢?如果是最低高度,就只设定最低值,动态高度就不设高度值

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/894576

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX