JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Skrollr Decks

    skrollr plugin for fullpage presentation decks
    Filed under 

    • 🔾13%Overall
    • 137
    • 24.2 days
    • 🕩25
    • 👥4

    #skrollr-decks

    skrollr plugin for fullpage presentation decks

    ##Installation

    bower i skrollr-decks
    
    <body class="skrollr-decks-init" data-skrollr-decks-history="true">
        <main id="skrollr-body">
            <section class="skrollr-deck"></section>
            <section class="skrollr-deck"></section>
            <section class="skrollr-deck"></section>
        </main>
    </body>
    

    ##API

    ###skrollr.decks.init(options)

    • options.decks (.skrollr-deck) - decks classname
    • offset (10) - offset in percents to deck since which will autoscroll
    • duration (600) - scrolling duration
    • easing (quaratic) - scrolling easing, more
    • delay (500) - delay before scroll
    • autoscroll (true)
    • history (false) - hash navigation

    ###skrollr.decks.refresh()

    Recalc height of all decks. Need to update when content added

    ###skrollr.decks.animateTo(anchor, noAnimation)

    • anchor - #id of deck, up or down
    • noAnimation - prevents animation

    ###skrollr.decks.on(event, callback)

    • change(activeDeck) - calls when active deck is changed
    • render(e) - skrollr render event

    ##License

    The MIT License (MIT)

    Copyright © 2014 Bogdan Chadkin

    Show All