Scroll Bar

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем maFFyoZZyk, 11 фев 2015.

  1. maFFyoZZyk

    maFFyoZZyk DLE & IPB

    Регистрация:
    20 июн 2012
    Сообщения:
    202
    Симпатии:
    37
    Вы хотите создать красивую полосу прокрутки для сайта, ищите в паблике и находите только js!
    конечно использовать ява скрипт можно, но во 1 он грузит страницу, а во 2 - не факт что он не будет конфликтовать с вашими же скриптами используемыми в шаблоне

    Вот css код

    Код:
    /* Let's get this party started */
    ::-webkit-scrollbar {
        width: 12px;
    }
    /* Track */
    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    /* Handle */
    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #2FBDFF;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }
    ::-webkit-scrollbar-thumb:window-inactive {
        background: #2FBDFF;
    }
    Можете вставить его между тегами Head, а можете впихнуть в свой основной стиль и получите красивый и персональный скролл бар для сайта.

    P.S. Если вы вставите этот код и будете добавлять новые скролы в блоках, они будут идентичны
     
    udaff нравится это.