Как скрыть scroll bar при меньшей высоте?

Question

[ehoboli]

Стилизовал я скролбар во внутреннем диве,
(Не основной скролбар)

Хочу что бы при минимальной высоте он продал.
Пробовал через media убрать , не вышло.
Подскажите как это сделать ?

Comments

[Александр Талалаев]

Сложно подсказать без интерактивного примера кода, добавьте в вопрос код с примером на Codepen или Jsfiddle, здесь можно это встраивать прям в вовпрос.

[ehoboli]

Александр Талалаев, я с тела , ну по такому примеру делал.

#element {
overow-y:scroll;
height:200px;;}


#element::-webkit-scrollbar {
  width: 10px;
}

#element::-webkit-scrollbar-track {
  -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
  background-color: #f9f9fd;
  border-radius: 10px;
}

#element::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(180deg, #00c6fb, #005bea);
}

<div id="element">
      <div class="overflow"></div>
  </div>

[ehoboli]

Александр Талалаев, все , я тупанул забыл что так можно

overlow-y:auto;

[Сергей]

ehoboli, ну так ты же го не скрываешь...

#element {
overflow-y: hidden;
height:200px;
}

[Ankhena]

Сергей, это только при нормальной работе media от контейнера будет функционировать.

ну так ты же го не скрываешь...

Как раз таки скрывает. Если нужен, то показывается, если не нужен, то не показывается.

[Сергей]

Ankhena, в вопросе спрашивалось почему скролл не скрывается при нужной высоте дива.
если будет overflow-y: scroll; то он и будет показываться...

[Ankhena]

Сергей, доброе утро.
И дальше автор вспоминает про значение auto, которое и решает задачу.

Предложенное вами значение hidden, без медиа от контейнера или js, задачу не решает.

[Сергей]

Ankhena, ну так автор про медиа и говорил, используя медиа, при нужной высоте, можно скрыть скролл..

[Ankhena]

Сергей, https://caniuse.com/?search=%40container

Answer 1

[Сергей delphinpro]

#element {
  overow-y: auto;

Comments

[ehoboli]

Уже решил спасибки