@dominy

Как сделать светящийся скролл?

Здравствуйте, я сделал скролл с ефектом тени, однако тень багается на соседних div-ах медленно обновляя прорисовку, как можно сделать небагованый светящийся скролл?
<!DOCTYPE html>
 
<body>
<div class="main">
    <div class="child">
 
    </div>
</body>
<style>
    body{
        overflow:hidden;
    }
 
    .main {
        overflow-x: hidden;
        overflow-y: auto;
        width: 50vmin;
        height: 50vmin;
    }
 
    .main::-webkit-scrollbar {
        width: 5vmin;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 5vmin;
    }
 
    .main::-webkit-scrollbar-thumb {
        background: blue;
        box-shadow: 0px 0px 5vmin 5vmin rgb(109, 93, 255);
        border-radius: 5vmin;
    }
    .child{
        height:200%;
        width:10%;
    }
 
 
 
</style>
 
</html>
  • Вопрос задан
  • 78 просмотров
Пригласить эксперта
Ответы на вопрос 1
@IvanGrishov
Начинающий Frontend разработчик
Используй кастомный скролл, к примеру, simplebar https://github.com/Grsmto/simplebar
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы