V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
edis0n0
V2EX  ›  程序员

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

  •  
  •   edis0n0 · 2022-11-11 19:34:26 +08:00 · 1921 次点击
    这是一个创建于 734 天前的主题,其中的信息可能已经有所发展或是发生改变。
    在 css 写死 div 的高度后出现滚动条时一部分内容就会被挡住,需要的效果是这个时候自动增加一点 div 的高度。虽然用 js 监听页面大小调整,判断元素长度大于 div 长度应该是可以但感觉太不优雅了
    6 条回复    2022-11-13 18:27:53 +08:00
    autoxbc
        1
    autoxbc  
       2022-11-11 20:25:59 +08:00
    优雅的做法是不写死高度,网页天然就会在各种媒介上展示,CSS 提供了对应的弹性排版,不应该套用打印出版物的思维
    renmu
        2
    renmu  
       2022-11-11 20:42:49 +08:00 via Android
    增加点 padding 空白
    edis0n0
        3
    edis0n0  
    OP
       2022-11-11 20:48:52 +08:00
    @autoxbc #1 设计图上这里是单行工具条,不限制高度我不知道怎么做成单行可滑动的
    rekulas
        4
    rekulas  
       2022-11-11 21:25:54 +08:00
    你可以自定义滚动条效果,并预留空间,就不需要修改 dom 了
    https://codepen.io/MathieuRichard/pen/pooZdV
    huangqihong
        5
    huangqihong  
       2022-11-12 22:23:45 +08:00
    如同楼上说的,可以增加 padding ,建议可以贴代码和贴图,这样我们的建议更加准确些,可以给你最大的帮助
    WillKwok
        6
    WillKwok  
       2022-11-13 18:27:53 +08:00 via Android
    为什么要写死高度呢?如果是最低高度,就只设定最低值,动态高度就不设高度值
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5795 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 03:27 · PVG 11:27 · LAX 19:27 · JFK 22:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.