homepage.veen.world/app/static/css/custom_scrollbar.css

31 lines
695 B
CSS

/* Den scroll-container so einstellen, dass er nur vertikal scrollt */
.scroll-container {
overflow-y: auto;
overflow-x: hidden;
/* Native Scrollbar ausblenden */
scrollbar-width: none; /* Firefox */
}
.scroll-container::-webkit-scrollbar {
display: none; /* WebKit */
}
#custom-scrollbar {
position: fixed;
top: 0;
right: 0;
width: 8px;
/* height: 100vh; <-- diese Zeile entfernen oder anpassen */
background: transparent;
transition: opacity 0.3s ease;
opacity: 1;
}
/* Der Thumb der Scrollbar */
#scroll-thumb {
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 4px;
}