TrySound / skrollr-decks

skrollr plugin for fullpage presentation decks
trysound.github.io/skrollr-decks
MIT License
137 stars 25 forks source link

Trouble repeating the setup of the first two slides #20

Open kafisher9 opened 9 years ago

kafisher9 commented 9 years ago

Hi,

Ive tried to setup multiple slides to reveal in the way that slide 2 appears from under slide 1. The problems Im seeing is that following your demo format, by the third slide when the users cursor passes over textual content in slide 3, scrolling behaviour seems to break down (the action of scrolling stops) I dont know if that makes sense. I will post the exact code tomorrow in case that helps to make any sense, I dont have it here.

I was wondering from the stand point of creating a stack of slides which all appear from under the previous (much like slide 1 to slide 2) what is the best format of commands to take?

I appreciate your hardwork extending skrollr to encompass the additional functionality offered by skrollr deck.

KF

daverogers commented 9 years ago

I can't get skrollr-decks to work in jsFiddle, so I'll just have to post code and hope it works for you.

Essentially, you copy what he did for Slide 2 (#second);

A) Duplicate the .float-deck section above data-anchor-target=#second (I've named it #third):

<section class="float-deck" style="background: #639;" data-anchor-target="#third" data-smooth-scrolling="off" data-bottom-bottom="transform: translateY(0%);" data-top-bottom="transform: translateY(-100%);">
    <span>3</span>
</section>

note: if you don't duplicate the section above `#second' then 2 will hide under 3 and slide up out-of-view as you scroll

B) Duplicate the .float-void section inside the .skrollr-body element, below #second:

<section class="skrollr-deck float-void" id="third"></section>
kafisher9 commented 9 years ago

Hi Dave, very many thanks for your assistance, will update the pages Ive been working on and see how it sits within the rest of the framework Im working within. We're building a site in a cms called Kentico which clashes / causes its own issues. Very much appreciate your help with the parts of the puzzle linked to skrollr-decks. Thank you :)

daverogers commented 9 years ago

No problem at all. Sorry the author didn't get back to you. Overall it would be nice if the docs mentioned this; I wanted to do the same thing so I had to just play around with it (I've never used skrollr itself before, but I'd imagine this is documented there and that's why the author didn't bother). Once it's working, it's a very cool effect.

TrySound commented 9 years ago

Sorry, guys! I'm here. Forget about this issue. Thanks @daverogers ! You can make PR to update the documentation.