Как скрыть прокрутку, если текст переполняется из div, но все еще можно прокручивать

Question

Я взглянул на другие вопросы, связанные со стековым потоком, которые были похожи, но я все еще не мог понять.Как мне скрыть полосу прокрутки, но я все еще могу прокрутить этот конкретный 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, который в основном скрывает полосу прокрутки в переполнении, он должен нормально работать