ScrollBar

Web sayfamızın scroll barının stilini istediğimiz gibi değiştirebiliriz.

/* Scrollbar Styling */

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

::-webkit-scrollbar-track {
    /*Big Scroll */
    background-color: #23252B;
}

::-webkit-scrollbar-thumb {
    /* Little Scroll */
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.4);
}

scroll-behaivor:

Scroll’un kayış biçimini ayarlar. smooth veya unset değerlerini alır. Varsayılan değeri unsetdir.

<a href="#myteam">My Team</a>
<a href="#projects">Projects</a>

<!-- Yukarıdaki linklere basıldığı zaman scroll aşağıdaki ilgili name'e kayıcak-->

<a name="myteam" ></a>
<a name="projects" ></a>

html{
    scroll-behavior: unset;
}
/* scroll kayarken direkt ilgili name'e kayar */

html{
    scroll-behavior: smooth;
}
/* scroll kayarken yumuşak bir şekilde kayar */

<aside> 💡 Scrool animasyonu için bu linke tıkla: Scroll-animations

</aside>