Lungo.js/example/app/sections/scroll.html

<section id="scroll" data-transition="slide">
    <header data-title="Scrolls">
        <nav class="box">
            <a href="#back" data-router="section" data-label="back"></a>
        </nav>
    </header>

    <article class="active">
        <h1 class="one row ">.scroll stylesheet class</h1>
        <ul class=" four row scroll anchor">
            <img src="http://lorempixel.com/256/128/food/">
            <img src="http://lorempixel.com/256/128/sports/">
            <img src="http://lorempixel.com/256/128/people/">
            <img src="http://lorempixel.com/256/128/technics/">
            <img src="http://lorempixel.com/256/128/animals/">
            <img src="http://lorempixel.com/256/128/nightlife/">
            <img src="http://lorempixel.com/256/128/nature/">
            <img src="http://lorempixel.com/256/128/transport/">
            <img src="http://lorempixel.com/256/128/city/">
            <img src="http://lorempixel.com/256/128/fashion/">
            <img src="http://lorempixel.com/256/128/abstract/">
        </ul>
        <h1 class="one row">.horizontal.scroll stylesheet classes</h1>
        <ul class=" four row horizontal scroll">
            <img src="http://lorempixel.com/256/128/food/">
            <img src="http://lorempixel.com/256/128/sports/">
            <img src="http://lorempixel.com/256/128/people/">
            <img src="http://lorempixel.com/256/128/technics/">
            <img src="http://lorempixel.com/256/128/animals/">
            <img src="http://lorempixel.com/256/128/nightlife/">
            <img src="http://lorempixel.com/256/128/nature/">
            <img src="http://lorempixel.com/256/128/transport/">
            <img src="http://lorempixel.com/256/128/city/">
            <img src="http://lorempixel.com/256/128/fashion/">
            <img src="http://lorempixel.com/256/128/abstract/">
        </ul>
    </article>
</section>