Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.08.2021, 12:44
Интересующийся
Отправить личное сообщение для Миленький Посмотреть профиль Найти все сообщения от Миленький
 
Регистрация: 30.03.2021
Сообщений: 9

Scroll с ефектом свечения
Здравствуйте, я написал небольшой скролл (который должен был быть красивым, но не получилось )
<!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>

Тень свечения зависает на элементах возле scroll-а и редко перерисовывается, перерисовку можно вызвать переключив фокус на полноэкранное приложение и обратно. Но как можно реализовать светящийся небагованный скролл
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Эффект blur при scroll для background s24344 Элементы интерфейса 2 26.05.2018 09:21
Scroll menu, подсветка активных пунктов меню при скролле makissm21 AJAX и COMET 13 29.04.2017 19:28
Работа с css классом элемента при scroll Bravo Events/DOM/Window 10 23.05.2014 16:18
OFF scroll на body > ON scroll children barkar Общие вопросы Javascript 5 15.04.2014 21:24
Как изменить положение scroll? PAMAC Общие вопросы Javascript 3 25.11.2010 18:22