Question

我看了其他类似的stackoverflow问题，但仍无法解决。如何隐藏滚动条，但是如果需要，我仍然可以在特定的div上滚动。 它不会在全局范围内仅隐藏滚动条，仅针对该特定div。

    .test {
        position: absolute;
        height: 25px;
        width: 100px;
        padding: 0px;
        margin: 0px;
        top: 10px;
        left: 10px;
        word-wrap: break-word;
        font-family: arial;
        font-size: 10px;
        font-weight: 400;
        color: red;
        line-height: 10px;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll;
        overflow-y: scroll;
    }

<div class="test">
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
<div>

Answer 1

.test{
    position: absolute;
        height: 25px;
        width: 100px;
        padding: 0px;
        margin: 0px;
        top: 10px;
        left: 10px;
        word-wrap: break-word;
        font-family: arial;
        font-size: 10px;
        font-weight: 400;
        color: red;
        line-height: 10px;
        white-space: nowrap;
        overflow: hidden;
}

.inner{
    overflow: auto;
    padding-bottom: 30px;
}

<div class="test">
    <div class="inner">
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    </div>
<div>

如果将内容包装在另一个div中，而该div基本在溢出中隐藏了滚动条，则应该可以正常工作

如果文本从div溢出但如何仍然滚动，如何隐藏滚动

1 个答案: