StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POjQuery Animate proprierty Lag
text
Body
copied!<p>developers! I'm developing an promotional website where the homepage and the subpages is in the same index. The transition of the content happens on the click of the menu. Okay.</p> <p>Have 4 subpages. Two on the left and two on the right. When clicks on the first option of the left, the second hide. When clicks on the second option, the first hide.</p> <p>You can see better here: <a href="http://www.safiradigital.com.br/kennermusiclab/" rel="nofollow">http://www.safiradigital.com.br/kennermusiclab/</a></p> <p>But, i have a problem in this .animate() left transition. From the left to the right, sometimes occur a big delay to the animate execute.</p> <p>Example, click on "O que é Music Lab?" and after, click on "Inscrição". You see an big delay to the body transition.</p> <p>Anyone have an solution to fix this delay bug on .animate()?</p> <p>My JS is:</p> <pre><code>$(".o-que-e").click(function() { $(".content-geral").animate({ left: '195' },2700); // Durante 2700 milisegundos $(".videos-interna").hide(); $(".o-que-e-interna").show(); }); // Finaliza o click $(".galeria-videos").click(function() { $(".content-geral").animate({ left: '195' },2700); $(".videos-interna").show(); $(".o-que-e-interna").hide(); }); // Finaliza o click $(".inscricao").click(function() { $(".content-geral").animate({ left: '-3986' },2700); $(".regulamento-interna").hide(); $(".inscricao-interna").show(); }); $(".regulamento").click(function() { $(".content-geral").animate({ left: '-3986' },2700); $(".inscricao-interna").hide(); $(".regulamento-interna").show(); }); </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload