Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Parallax Scroll Issue

Avatar

Avatar
Validate 1
Level 3
ashe1
Level 3

Likes

15 likes

Total Posts

26 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 3
ashe1
Level 3

Likes

15 likes

Total Posts

26 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
ashe1
Level 3

16-12-2015

I've been experimenting with implementing parallax scrolling on an element in a hand coded HTML article. It's just an empty div with a background image that moves a little slower than the subsequent divs on the page. The parallax effect is working as expected on desktop and on iOS Safari, but it does not work as expected within the DPS app. What I find is that the parallax background image doesn't move until I lift my finger off the screen, rather than moving while scrolling with my finger. Does anyone have any experience with this and possible solutions? Thanks!

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Validate 1
Level 3
ashe1
Level 3

Likes

15 likes

Total Posts

26 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Validate 1
Level 3
ashe1
Level 3

Likes

15 likes

Total Posts

26 posts

Correct Reply

1 solution
Top badges earned
Validate 1
Boost 5
Boost 3
Boost 10
Boost 1
View profile
ashe1
Level 3

16-12-2015

In case anyone else is having this problem, it seems that the DPS tech handles scroll events the way that iOS used to, not allowing the DOM to be manipulated until the end of the event (when you take your finger off the screen). iOS has handled scroll events in the proper way since iOS 8, but it seems like the DPS tech is still a bit behind. My solution uses iScroll (specifically their Probe script) to keep track of scrolling as it happens and trigger events on scroll, namely my simple parallax script.

Here's the link to the iScroll library: iScroll 5, smooth scrolling for the web

Answers (0)