scrollbar

Apple Style Scrollbar WPF

by

It’s not very pretty and in all honesty I can’t remember where it came from, there is something similar to what you’re after in one of my project here, there is probably a lot in the style that’s not required or is incorrect but may as well give it a shot. <!–Scrollbar Thumbs–> <Style x:Key=”ScrollThumbs” … Read more

How do I add a margin to a CSS webkit scrollbar? [closed]

by

There’s yet another solution which might fit easily in everybody’s project. If you use a transparent border as a margin and a box-shadow with inset to set it’s color, you’d get the result you are hoping for. For instance: ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 10px 10px green; border: solid … Read more

Vertical Scrollbar leads to horizontal scrollbar

by

Just figured out a pretty passable solution (at least for my version of this problem). I assume the issue with width: auto is that it behaves similarly to width: 100vw; the problem is that when the vertical scrollbar appears, the viewport width remains the same (despite the ~10px scrollbar), but the viewable area (as I’m … Read more

How can I disable a browser or element scrollbar, but still allow scrolling with wheel or arrow keys?

by

Like the previous answers, you would use overflow:hidden to disable the scrollbars on the body/div. Then you’d bind the mousewheel event to a function that would change the scrollTop of the div to emulate scrolling. For arrow keys, you would bind the keydown event to recognize an arrow key, and then change scrollTop and scrollLeft … Read more