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.
Code that is entered in the Head tag is applied to your entire site and is a way to link external resources, add meta data, and use custom styles in your document.
In Project settings → custom code , enter your code in the head code section, and savethe changes .
Seeing this thread get bumped makes me want to go back and finish that unfinished project that’s linked! I was never was able to figure out how to get those panes to pan in and out like I wanted . Happy to see people are still getting answers from this thread, though.
Thanks! This worked for me for the browsers on desktop. However, on my ipad and mobile devices, the browser scrollbar is still visible. Does anyone have a code for that?
Bump… I am also extremely interested in the answer to Yin’s question. Does anyone have this code? Or @Yin if you were able to figure this out, this would be a huge timesaver. Thank you!
Based on your solution I have made a PR and asked my teammate to review and they said that its not good and they have pinged me this URL. Their is a warning not to use -ms-overflow-style: none; (https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style)? Can you please let me know your opinion.
Based on your solution I have made a PR and asked my teammate to review and they said that its not good and they have pinged me this URL. Their is a warning not to use -ms-overflow-style: none; (https://developer.mozilla.org/en-US/docs/Web/CSS/-ms-overflow-style)? Can you please let me know your opinion.