Napisany przez: Freshoy 18.07.2019, 18:01:16
Witam mam oto taki scrollbar
https://s1.tufotki.pl/2019/07/18/kwylg-KvC2Sz.png?v=2
nie jest on modyfikowany (tzn. nie ma klasy ::-webkit-scrollbar ani żadnej innej która by go modyfikowała, ani nie ma żadnego js które by coś z nim robiło)
Normalny scrollbar powinien wyglądać tak
https://s1.tufotki.pl/2019/07/18/kGVrL-F0nZ4v.png?v=2
Proszę o pomoc, co mam zrobić aby ten scrollbar wrócił do normy.
oto moje css dotyczące html i body {
Kod
* {
padding: 0;
margin: 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.390625vw;
letter-spacing: 0.5px;
line-height: 0.78125vw;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
}
html {
min-height: 100%;
width: 100%;
overflow-y: scroll;
}
body {
display: flex;
align-items: flex-start;
overflow-x: hidden;
min-height: 100%;
width: 100%;
overflow: hidden;
}
.main-contrainer {
position: relative;
min-height: 100vh;
margin-bottom: 250px;
z-index: 3;
background-color: white;
width: 100%;
text-align: center;
white-space: nowrap;
}
.footer {
position: fixed;
background-color: black;
z-index: 2;
bottom: 0;
width: 100%;
height: 250px;
text-align: unset;
}
A oto jak wygląda moje html
Kod
<html>
<head>
</head>
<body>
<div class="main-contener">
CONTENT
</div>
<footer>
</footer>
</body>
</html>