网页端某个区域的滚动条怎么在鼠标浮在这个区域的时候才显示?

想知道网页端某个区域的滚动条怎么在鼠标浮在这个区域的时候才显示?有什么好的办法?

已解决 悬赏分:0 - 解决时间 2021-11-26 12:54
反对 0举报 0 收藏 0

回答1

最佳
  • @

    `<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <style>
    .box {
    display: flex;
    width: 100%;
    }
    .box div {
    flex: 1;
    height: 100px;
    border: 1px solid red;
    overflow: hidden;
    }
    .box div:hover {
    overflow: auto;
    }
    .box div p {
    height: 200px;
    }
    </style>
    </head>
    <body>
    <div class="box">
    <div>
    <p>1</p>
    </div>
    <div>
    <p>2</p>
    </div>
    </div>
    </body>
    </html>`

    支持 0 反对 0 举报
    2021-11-26 07:22