Stack Overflow
Stack Overflow

Questions tagged [skrollr]

Skrollr is a stand-alone parallax scrolling library for mobile (Android + iOS) and desktop.

Skrollr is much more than "just" parallax scrolling. It's a full-fledged scrolling animation library. In fact, you can use it and still have no parallax scrolling at all. Skrollr leverages HTML5 and CSS 3. It is not dependent on jQuery - it's just plain JavaScript.

Official site: http://prinzhorn.github.io/skrollr/

Github: https://github.com/Prinzhorn/skrollr

359 questions
2
votes
0 answers

Incorrect body height set using skrollr

I am facing the same issue that the body height is too large. I tried using forceHeight: false but then I do not get any section to scroll. The page can be viewed here http://preview.sapientnitro.com.au/amf/desktop.html. What could be wrong with my…
user2031428
  • 1,039
  • 2
  • 9
  • 13
2
votes
1 answer

Skrollr Excessively Jerky

I've been working on a Skrollr site but it appears to be getting excessively jerky. I've had dev tools open and have found a few really really slow frames, but I don't have the knowledge to track down exactly what is going wrong. My observations…
Djave
  • 8,595
  • 8
  • 70
  • 124
2
votes
0 answers

How can I get skrollr.js to "snap" to certain vertical locations?

I'm using skrollr in an attempt to create a fullpage.js-like effect plus parallax. The issue is that when I skroll --er, scroll through each "slide" of content, sometimes the scroll interval is offset by an amount that makes it impossible to align…
ksoo
  • 434
  • 1
  • 3
  • 15
2
votes
0 answers

Issues Creating Image Sequence Animation in IE11

I'm using Skrollr.js to animate an image sequence. I took inspiration from how the http://moto.oakley.com site handles image sequences, and built some scripts to help me automate writing a series of images into the DOM. Then, I use Skrollr to…
SpaceCowboy2071
  • 1,125
  • 1
  • 13
  • 20
2
votes
1 answer

Skrollr.js not activating

I have spent the past 3 hours trying to get skrollr to show me anything! I have tried calling the script before the body, in the header, and have tried a whole bunch of tutorials to try to get it it to work but i'm not sure why it's not working AT…
dsamardjiev
  • 400
  • 1
  • 11
  • 32
2
votes
0 answers

Can I set mouse-wheel scroll speed to match animation speed with skrollr.js

I'm using skrollr.js for the first time to mock up a prototype parallax site, however while I can find many options to adjust and smoothen the animation from links (like the menu) the page looks pretty choppy when scrolling with the mouse. I figured…
HulaHoof
  • 367
  • 2
  • 15
2
votes
0 answers

Why can't I get destroy() call for skrollr to work?

Hello I am trying to use skrollr on a responsive site, and I just want to turn it off for mobile and then back on for table / desktop. I keep getting this error: Uncaught TypeError: Object # has no method 'destroy'. A point in the right direction…
icekomo
  • 9,328
  • 7
  • 31
  • 59
2
votes
1 answer

Skrollr - parallax background in relative div stops rolling halfway up viewport

I must have tried half a dozen tutorials and several days trying to figure out how to build a really simple parallax layout using skrollr. I have 3 divs containing background images, each at different positions down the page. Each should have it's…
Jimmydoodaa
  • 41
  • 1
  • 4
2
votes
0 answers

firing a js function when skrollr animation is complete

Has anyone had a need to fire a single function when a given Skrollr animation is complete? There's a "done" method but I found no explanation how to achieve this. Thanks in advance, and sorry there's no code to paste :-\ html:
user3211964
  • 21
  • 2
2
votes
1 answer

Skrollr doesn't hide toolbars in iOS or android browsers

I'm using skrollr to achieve several goals in a website (parallax-like backgrounds, changing element opacity etc.) and it's working just fine on both desktop and mobile. The only problem I noticed is that the mobile OS browsers are not hiding the…
MaGnetas
  • 4,918
  • 4
  • 32
  • 52
2
votes
2 answers

How to pause a div using skrollr

I've just started out using skrollr.js. I'm trying to get a div to hold / pause at a certain point. Using https://github.com/Prinzhorn/skrollr/blob/master/examples/pausing.html and http://prinzhorn.github.io/skrollr/examples/pausing.html as the…
PHP_Cat
  • 23
  • 1
  • 7
2
votes
1 answer

Skrollr - Questions regarding data attributes when pausing scrolling

There is code in the pausing.html example for skrollr on github that is not explained at all in the docs. For example:
dzogchen
  • 383
  • 3
  • 10
2
votes
3 answers

Simple Parallax scrolling at relative speeds

I want to create a website with a simple parallax scrolling effect where the elements scroll at different speeds. I tried using the Skrollr library, but I couldn't make it do what I want. What Javascript library or technique could I use that would…
Ian
  • 5,704
  • 6
  • 40
  • 72
2
votes
1 answer

Unable to get DIV to stick with SKROLLR

I am trying to get a DIV to stick with the viewport on the scroll down, I have used the same code as the demo. but still no go. I am also using bootstrap with my site, as well as SCROLL-O-RAMA (which is abit unnecessary). here is my code: …
Josh Wade
  • 67
  • 2
  • 8
2
votes
2 answers

Skrollr animate only after resize the screen

I'm working on implementing Skrollr into customer's website. I'm using relative position like this:
However, the animation seems to not…
designil
  • 763
  • 3
  • 9
  • 17
1 2 3
…
23 24