Open kafisher9 opened 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>
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 :)
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.
Sorry, guys! I'm here. Forget about this issue. Thanks @daverogers ! You can make PR to update the documentation.
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