I have a list I want to scroll horizontally, like a strip. I've done this by creating a viewport div with overflow: hidden set, and placed a longer div inside it that contains the items I want to scroll. I scroll it by changing it's left property.
This works okay, but can be a little sluggish in FireFox when there's a lot of stuff in the div that serves as the strip. As there is a scrollTop and scrollLeft attribute for scrolling a DOM element I thought I could try using those instead, only I've run into a snag. The scrollTop and scrollLeft props only do anything if the element has an overflow of scroll or auto, which causes scrollbars to be rendered. I don't want scrollbars as they don't fit in with the designed layout, which uses large buttons either side of the div to be scrolled instead. So, is there a way to get overflow: scroll or overflow: auto but to keep the scrollbars from appearing?