Archived topic
Skrollr .js
3 replies · Started by Adrian Cojocariu on September 10, 2015
Hey man, long time no see. I'm back now.
I managed to put the skrollr .js on the website to get the delayed background scroll effect I wanted.
http://www.methodseeker.com/emirose
The problem is on mobile, the finger slide scroll won't work. It will only scroll the background, all other things stay in place.
I searched on the web and it said I need to wrap everything with an skrollr-body ID, the problem is I don't know how.
This is the source I took the code from.
http://prinzhorn.github.io/skrollr/examples/bg_constant_speed_less.html
It's easy here since it's only a plain HTML website.
I only want that section background scrolling for now, and I couldn't find a solution to disable it effectively on mobile, although it seems the js does work on chrome mobile, but it's that bug...
Can you give me a hand ?
You can wrap everything in an ID using GP Hooks.
In the Before Header hook, add your opening tag:
<div id="skrollr">
Then in the wp_footer hook, close it:
</div>
Give that a shot :)
Ahhh today I learn something new, yes yes, that worked.
It fixed it on mobile, though it moves really slowly.
I found a way to deactivate it on all major mobile and tablet OS.
Thanks Tom !
No problem :)