Как не скрывать контент по вертикали без полосы прокрутки в Owl-carousel?

Question

[Muvka]

Здравствуйте, мне нужно, чтобы при наведении на слайд, он увеличивался по высоте. Но по-умолчанию все, что вылезает за пределы слайдера - скрыто overflow-hidden. Если я ставлю overflow-y: visible, появляется полоса прокрутки. Есть какой нибудь трюк?

Answer 1

[Иван Иванов]

1 способ:

<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 способ:

<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;
}

Comments

[Muvka]

Во-первых мне в owl-carousel нужно исправить, а во-вторых наоборот. Мне не нужна полоса, мне ее надо убрать.

[IIIu6ko]

Muvka, overflow-y: auto;