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
4
votes
3 answers

Skrollr run animation once only then stop

How can I run an animation in Skrollr once, and then kill it? I've tried: The beforerender method but that kills all animations Looking for ways to set individual Skrollr instances, but it's a singleton Removing or renaming the object's…
Ben
  • 54,723
  • 49
  • 178
  • 224
4
votes
1 answer

Skrollr - Very choppy animations in Safari

I am building a page with skrollr and it works great! I have it working the way it should in Chrome, Firefox, and IE. However, in Safari 6.0.5 on a mac version 10.7.5 it is very choppy in animating the elements when scrolling. Basically, when I…
Peter
  • 41
  • 1
  • 1
  • 3
4
votes
1 answer

Skrollr: how to start animation only once a certain point is reached?

I'm playing with skrollr plugin but can't achieve what I want so looking for assistance. I've been able to implement easy effects such as
(means that my DIV called intro-left becomes…
Greg
  • 3,025
  • 13
  • 58
  • 106
3
votes
1 answer

Recreating a parallax zoom effect with SVG Image mask

I'm trying to recreate the effect found at the bottom of this page where the words "REFORM CO" Zoom in to reveal a background image with a headline. I attempted to recreate this effect myself using skrollr but I've hit a wall. ideally I'd like the…
JRodriguez
  • 37
  • 6
3
votes
1 answer

issues with skrollr on element with overflow: scroll

I'm trying to make a nifty single page with some animations with the help of skrollr. For a very simple example, there are three slides, the slides are just fixed positioned at 100% width and height, the last one has an overflow: auto on it so one…
archytect
  • 3,615
  • 5
  • 22
  • 30
3
votes
2 answers

Drawing SVG on scroll with skrollr

I'm trying to draw a simple svg as the user scrolls down on the viewport. I'm using skrollr because it's meant to be simple, but I can not make it work.
ohmmho
  • 132
  • 2
  • 13
3
votes
1 answer

Skrollr, flipping image on direction change

I have an image of an animal facing left that, when scrolling, moves left -> flips horizontally -> moves right -> flips horizontally, etc. The issue is when the user scroll up, the animal goes backwards. On direction === 'up' I'm trying to get the…
DT.DTDG
  • 765
  • 1
  • 13
  • 31
3
votes
0 answers

Zoom in on background image using Skrollr

This post is based off of this tutorial which allows a background image to increase in size (from the center) as a user scrolls down the page. I have this test page I've created trying to do the same thing. A key difference is that my image is…
itsclarke
  • 8,622
  • 6
  • 33
  • 50
3
votes
2 answers

Issue: Horizontal scrolling effect with Skrollr

I want to create an horizontal animation controlled by the skrollr. Scrolling down, the elements of my page have to move from left to right of my container. Assuming that my elements have all the same width, I set the scrolling data from 100% to 0%…
Francesco Buonomo
  • 31
  • 1
  • 2
3
votes
3 answers

Skrollr adding white space

I have tried everything. I am exhausted from reading 4-5 pages on google trying to find a fix that works for me. My problem is persistent even when I use the skrollr examples (not saying they did something wrong, I know I am just not understanding…
user3746995
  • 57
  • 2
  • 6
3
votes
1 answer

Skrollr, Safari, fixed position lags

I'm playing with parallax at the moment and have an issue: Here's the markup

Wickd
  • 156
  • 2
  • 11

3
votes
1 answer

Skrollr: make div fixed so it centers once I've gotten to the correct position

It's my first time using skrollr so the last few hours I've been trying lots of things in order to get to grips with it. The plan is to have a 3d image of a building and as I scroll the building will turn 360degrees. I'm currently using a car as an…
user1788364
  • 1,141
  • 3
  • 19
  • 33
3
votes
0 answers

Convert SVG Image to Path - to use with skrollr

I recently came across Skrollr, an interesting library to achieve a parallax effect. I am using it to control some opacities and would be ideal to make a 'path' ( provided as an SVG image - including coloring and stroke width etc - from the…
Ziyan Junaideen
  • 3,270
  • 7
  • 46
  • 71
3
votes
1 answer

Skrollr choppy if images are used?

I'm using the skrollr plugin to create a parallax web page for iOS. If I just use text, it is extremely fluid, and very fast. If I include a background image with CSS or an inline image with HTML, the scrolling suddenly becomes very choppy. Is…
Caleb
  • 827
  • 2
  • 13
  • 30
2
votes
0 answers

Skrollr image flickers and some images doesnt load in chrome

I am using Skrollr librabry. In the start it works fine,but as I'm scrolling down,I am experiencing flickering and images do not load. The content of my website are just images. Works fine on firefox, but not on Chrome. Could you please help me. I…
Ayush Sinha
  • 51
  • 5
1
2
3
…
23 24