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

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

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

https://www.v2ex.com/t/894576

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

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

© 2021 V2EX