Prinzhorn / skrollr

Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. No jQuery. Just plain JavaScript (and some love).
http://prinzhorn.github.io/skrollr/
MIT License
18.53k stars 3.5k forks source link

Run skrollr plugin without actual scrolling #291

Closed panych closed 11 years ago

panych commented 11 years ago

This is a question, not the issue.

Is there any way to force animation running without actual scrolling? Real case. I have a site, which was designed as a non-scrollable: visitor stays on one place, when other objects flying around and collect together. The problem is that in this case I should use position: fixed on a very big element, when plugin will add inline height to body. But when you have big fixed element this cause repainting a huge screen space, which is bad for performance.

Thanks

panych commented 11 years ago

The solution that I see is: 1 use position: absolute or other 2 remove scrolling (scrollbar), and listern for mouseweel and other "scroll" events 3 based on those events, control scrolling process in plugin.

Prinzhorn commented 11 years ago

As you've said, this is not a skrollr issue. You may have better chances when asking on StackOverflow.

PsykOlivier commented 11 years ago

Hi Panych,

If i understand what you say.... : You would like to disable the mousewheel, and use only item menu to go an to animate ?

panych commented 11 years ago

No, @PsykOlivier I want to use mousewheel, as well as keyboard or touch for playing my animations. But I don't need a scroll itself. I expected that I would be able to control Skrollr animation process by some API or something, insted 'native' scrolling. In this case Skrollr would be as a main timeline. For example:

var mySkrollr = new Skrollr();
mySkrollr.progress(0.5); // go to 50%

I can listen those "scroll" events (mousewheel, keys, etc.) and create some interlayer between plugin and scrolling process. But it seems that Skollr only work with native scroll process.

This issue can be closed, because this feature probably doesn't match Skrollr philosophy (simple and ease).

Cheers.

P.S. If you want to know how I solved my problem, I used GSAP library which is more complicated but much more flexible.