L
L
levano4ka2014-08-13 12:24:30
JavaScript
levano4ka, 2014-08-13 12:24:30

A site made with bootstrap slows down on the ipad, namely parallax. What could be the problem?

Good afternoon friends! I have such a problem, I'm making a one-pager using bootstrap. On the desktop, everything seems to be fine, but on the iPad, parallax freezes and slows down. And in one place, for a second, the background of the block hangs and then disappears. I looked at ipadpeek.com, everything is fine there. So what's the matter? Broke my whole head. How can I disable paralax when logging in from a mobile device? I'm just not good at js.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
I
Ivan Somov, 2014-08-13
@jsom

the problem is in the animation, although apparently this is understandable)
I solved it with
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: translateZ(0);
if you google a lot to be
upd.
it looks like your problem is described
nickhaskins.com/2013/12/using-transforms-for-parallax
the solution is described, you can also see this topic - habrahabr.ru/post/142137 parallax is made there for non-mobile applications (animation on position change background) and the demo should slow down, and in the first example - there on webkit-transform, this one should fly)

L
levano4ka, 2014-08-13
@levano4ka

Problem with parallax animation? Or other third parties? I turned them off. Except it's time for a weasel of course. Can you tell me more about how to do it? Google didn't find it

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question