Zmiana stylu scrollbara w CSS

Question

Witam!

Piszę swoją stronę i chciałbym na niej wystylizować swój własny scrollbar. Problem polega na tym, że Navbar ma być na stałe przyklejony do góry a sam scrollbar ma działać tylko w części contentu. Gdy stylizuje go dla całego znacznika "body", wszystko działa poprawnie, natomiast gdy chce to zrobić tylko dla sekcji o klasie content, wszystko się wysypuje i nie wczytuje poprawnie stylu. Bardzo proszę o pomoc i z góry dziękuje za wszystkie odpowiedzi! :)

CodePen: LINK

PS. Na CodePenie obok menu pojawia się przycisk (3 poziome, białe paski) menu, który powinien pojawić się dopiero przy niższych rozdzielczościach. W przeglądarce wszystko działa jak należy, nie wiem dlaczego tak się dzieję i proszę nie zwracać na to uwagi.

Comments

Przeglądając Twój przykład na telefonie nie mam żadnego skrola. Więc najpierw zrób to bez styli, tak żeby w ogóle działało. 

Ta właściwość nie jest standardem, i nie zaleca się stosować ją na stronach.

dokumentacja

Zobacz przykład urzycia, może cię nakieruje.

Są pluginy jquery do takich rzeczy. 

---

Dlatego właśnie napisałem ten post, bo wszędzie gdzie patrzałem, właśnie w ten sposób był stylizowany scrollbar dal wybranego diva itp. A u mnie to nie działa i nie wiem co jest przyczyną.

---

Nie zawsze spełnione są te same warunki. Może coś dodałeś, usunołeś. Gdybyś zrobił tak samo to by działało. Masz u siebie np.

.navbar
{
    position: relative;
    position: fixed;
...
}

Co jest źle. To oczywiście nie wpływa na skrola, ale są błędy. Na telefonie nie jestem w stanie tego sprawdzić.

---

Tak wiem, kod nie jest idealny ale że tak powiem "trwają nad nim prace". Niektórych rzeczy po prostu zapomniałem usunąć.

---

Wzoruj się na przykładzie z dokumentacji a na pewno dasz radę. Powodzenia.

---

Ok, dzięki za pomoc!