Allow scrolling with hidden scroll

Unfortunately, this is only easy to do on macs, when you have gesture based horizontal scroll.

by gryzzly

HTML

<div class="wrap">
    <div class="scroller">
        <p>Lorem ipsizzle mah nizzle nizzle amet, adipiscing elit. Nullizzle sapizzle velizzle, funky fresh volutpizzle, shizzle my nizzle crocodizzle quis, shiz vizzle, shizzlin dizzle. Pellentesque go to hizzle pimpin'. Boofron nizzle. Sure izzle dolizzle fo shizzle mah nizzle fo rizzle, mah home g-dizzle turpis tempizzle break it down. Maurizzle pellentesque nibh izzle owned. I saw beyonces tizzles and my pizzle went crizzle izzle ass. Pellentesque doggy rhoncizzle sure. In pizzle stuff platea dictumst. Fo shizzle dapibizzle. Curabitizzle tellizzle shizzle my nizzle crocodizzle, pretizzle gangsta, shut the shizzle up mah nizzle, fizzle vitae, nunc. Da bomb suscipit. Funky fresh sempizzle bow wow wow check it out bling bling.</p>
        <p>Lorem ipsizzle mah nizzle nizzle amet, adipiscing elit. Nullizzle sapizzle velizzle, funky fresh volutpizzle, shizzle my nizzle crocodizzle quis, shiz vizzle, shizzlin dizzle. Pellentesque go to hizzle pimpin'. Boofron nizzle. Sure izzle dolizzle fo shizzle mah nizzle fo rizzle, mah home g-dizzle turpis tempizzle break it down. Maurizzle pellentesque nibh izzle owned. I saw beyonces tizzles and my pizzle went crizzle izzle ass. Pellentesque doggy rhoncizzle sure. In pizzle stuff platea dictumst. Fo shizzle dapibizzle. Curabitizzle tellizzle shizzle my nizzle crocodizzle, pretizzle gangsta, shut the shizzle up mah nizzle, fizzle vitae, nunc. Da bomb suscipit. Funky fresh sempizzle bow wow wow check it out bling bling.</p>
    </div>
</div>

CSS

.wrap {
    overflow:hidden;
}
.scroller {
    white-space:nowrap;
    overflow-x:scroll;
    margin-bottom:-20px;
    padding-bottom:20px;
}
.scroller p {
    white-space:normal;
    display:inline-block;
    width:300px;
}