Streaming live at 10am (PST)

How do I hide the browser scrollbar from appearing when a user scrolls?


I am building a website that scrolls on the left side of the screen while the right side pans as you scroll. My current issue is the left aligned div, which I have set to “Auto Scroll”, shows a scrollbar in the middle of the screen. You can see it here:

When you scroll, I would like the scrollbar that appears in the middle to be hidden at all times. I imagine this solution will come from custom code, so I’ve categorized it accordingly.

Chris Travers


Hi Chris,

Great question, and I hope I can provide a solid solution. :nerd_face:

I would suggest adding the following as custom CSS code:

.left {
    -ms-overflow-style: none;  // IE 10+
    overflow: -moz-scrollbars-none;  // Firefox

.left::-webkit-scrollbar {
    display: none; // Safari and Chrome

The above solution was found at the following URL:

Hopefully this is helpful :bowing_man:


Works flawlessly! :heart_eyes: Check it out.

Thank you @mistercreate.



Glad I could help! :bowing_man: