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

361 questions
2
votes
1 answer

Skrollr - any other jQuery animation conflict

Skrollr is amazing plugin. However as a beginner I've faced some problem that seems to be some obvious detail I'm missing here which doesn't let me create any other, regular jQuery animation to work. Below there's a link to the test side showing the…
Vieckowski
  • 21
  • 4
2
votes
1 answer

Horizontal scrolling act for vertical built page

I have built my own web page based on the same concept as this demo: https://ihatetomatoes.net/demos/full-screen-layout-with-skrollr/ The problem is when inexperienced users browse on their mobile units. They immediately try to scroll horizontally…
Adrianni
  • 21
  • 2
2
votes
3 answers

Remove or blur line on horizontal scroll?

I'm working on a horizontal scrolling website utilizing "Skrollr." I am attempting to line up pictures and make a scrolling loop. However there seems to be a very thin white line in between the pictures regardless of what I do. Is there anyway to…
AndrewLeonardi
  • 2,735
  • 7
  • 36
  • 72
2
votes
0 answers

How to integrate Skrollr with Angular2

I'm having troubles integrating the Skrollr in Angular2. I've tried to include the .min version of skrollr right in the index.html and then in my component, I'm declaring it like this declare var skrollr: any; right next to the imports. I'm able to…
vascogaspar
  • 93
  • 2
  • 11
2
votes
0 answers

Parallax website doesn't scroll on mobile (iOS)

I've found this article about creating parallax website and I've used "Skrollr" plugin for animating pictures on background. But even author's page doesn't work on mobile phones - I can't scroll there. Here is my source:…
H Sturma
  • 201
  • 2
  • 17
2
votes
0 answers

Skrollr for Mobile

I have been playing around with skrollr for awhile but I am getting stuck when trying to get it to consistently work well on mobile devices, I like how the demo works really well on mobile. So, how is this implemented to get the desired result, if…
lindstrom1989
  • 86
  • 7
2
votes
1 answer

How to not apply skrollr js properties to a div inside another div?

I have created two concentric circles, c1 and c2 respectively. I am trying that as user scroll down, the circle shrinks and vanishes. I am using a jquery plugin "Skrollr js" and the problem I am facing is that inside the circle I want the content to…
Yomesh
  • 268
  • 1
  • 4
  • 16
2
votes
1 answer

Skrollr. change content in fixed div

I wonder how to achieve this effect on http://www.squarespace.com. What I mean is: you scroll down and at one point the image of computer monitor stays at fixed position after that, the images keep changing while you scroll. How can you control…
user2952238
  • 669
  • 2
  • 10
  • 33
2
votes
1 answer

Skrollr iPad & skrollr-body

I've followed the instructions on the Skrollr website as well as in this question (How to fix Skrollr on Mobile?). My issue is that when I add id="scrollr-body" to my body tag, the scrolling stops working everywhere. This is the code I'm using in…
hudsonian
  • 339
  • 4
  • 20
2
votes
0 answers

Reverse mouse scroll direction

I've made a simple parallax page using skrollr.js, but after showing one to the client he decided that scrolling up instead of down would be better, is there a way to "rebind" mouse wheel behavior to avoid remaking all the animations? Here's a piece…
Gryphz
  • 33
  • 3
2
votes
2 answers

Skrollr background transparency?

I just installed the so called Skrollr plugin to my html. I want the background-color to start as transparent and end as rgb 80 80 80. I can't make it work. This is what I've tried so far:
2
votes
1 answer

New Google Calendar landing page scrolling

I'm trying to create a page similar to new google calendar landing page http://www.google.com/landing/calendar/ I'm using skrollr(https://github.com/Prinzhorn/skrollr) but I can't get the effect right, on google landing page if you do a small scroll…
Rodrigo Parra
  • 243
  • 1
  • 3
  • 16
2
votes
1 answer

Why Skrollr won't allow me to scroll on mobile?

I'm having some trouble with Scrollr. Specifically, I'm unable to scroll at all on mobile browsers. My site is here: http://tinyurl.com/qd9s94y I've wrapped everything within a div with the ID of 'scrollr-body' as explained here:…
mike_freegan
  • 319
  • 4
  • 19
2
votes
1 answer

wp_enqueue_script done correctly, now how do I init/call script?

I have added the skrollr script to a wordpress site. I believe it's done correctly and the script loads correctly/shows in inspector. Here's the code... function creationsphere_enqueue_scripts() { if (!is_admin()){ wp_enqueue_script(…
Lee Colarelli
  • 150
  • 2
  • 13
2
votes
1 answer

How to have multiple anchor targets on a single element using Skrollr?

Is it possible to have multiple anchor targets for a single element with Skrollr? For example, I need something like the following:
Carven
  • 12,832
  • 24
  • 97
  • 139
1 2
3
…
24 25