Search code examples
javascripthtmlcsstouch

How to emulate touchscreen style scrolling?

I want to try to emulate the touch scroll gestures found on touchscreen devices for PC/Mac. However, I don't want to disable the scrollwheel. I would like to hide the scrollbar though.

Does anyone know any demos/code out there that attempts to do this?

Solution

  • On certain browsers1, hiding the main scrollbar is impossible. However, the general method is this:

    html {
    overflow: hidden;
}

    Demo, and here's a demo with the scrollwheel handled.

    1 i.e. IE8 and lower.

    http://www.switchonthecode.com/tutorials/javascript-tutorial-the-scroll-wheel