How to not hide content vertically without scrollbar in Owl-carousel?

Question

css

Hello, I need it to increase in height when hovering over a slide. But by default, everything that gets out of the slider is hidden by overflow-hidden. If I set overflow-y: visible, the scrollbar appears. Is there any trick?

Answer 1

1 way:

<div class="sposob">
   <div class="sposob-inside">Контент...</div>
</div>

.sposob {
    width: 250px;
    height: 342px;
    margin: 0 25px;
    overflow-x: hidden;
    overflow-y: scroll;
}
 
.sposob-inside {
    width: 100%;
    margin: 0 0px;
    background: #008C00;
}
 
.sposob::-webkit-scrollbar {width:0px;}

2 way:

<div class="sposob-2">
    <div class="sposob-2-outside">
        <div class="sposob-2-inside">
            Контент...
        </div>
    </div>
</div>

.sposob-2 {
    width: 250px;
    height: 342px;
    margin: 0 25px;
    overflow: hidden;
}
 
.sposob-2-outside {
    width: 270px;
    height: 100%;
    padding-right: 0px;
    overflow-x: hidden;
    overflow-y: scroll; 
}
 
.sposob-2-inside {
    width: 100%;
    margin: 0 0px;
    padding-right: 17px;
    background: #FF7621;
}