Streaming live at 10am (PST)

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


#1

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: http://topherdigital.webflow.io/

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.

Best,
Chris Travers


#2

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: https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll

Hopefully this is helpful :bowing_man:


#3

Works flawlessly! :heart_eyes: Check it out.

Thank you @mistercreate.


#4

Awesomeness!

Glad I could help! :bowing_man: