Miért reagál ilyen irdatlan lassan a jquery kód?
Ez a kód, konkrétan öt másodperces késéssel reagál. A legújabb jquery link van a head-ben, mi lehet a gond?
<script>
$(document).ready(function(){
$(window).scroll(function() {
if($(this).scrollTop() >= 200 ) {
$(".valami").animate({marginLeft: '250px'}, "fast");
}
else {
$(".valami").animate({marginLeft: '0px'}, "fast");
}
});
});
</script>
:D
Hogyha azt írok, hogy:
$(".valami").css(akármi)
és a css kódban meghatározom ezt, hogy:
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
Akkor ezzel tudom befolyásolni a jquery css sebességet, az megoldja. Ha valaki ilyen problémába ütközik, ez egy tökéletes megoldás rá!
A probléma, hogy a scroll esemény a scrollozás során sokszor lefut, az animate meg annyiszor indít egy időzítőt, annyiszor módosítja a margót. (iOS esetén meg túl ritkán, ami megint jelenthet gondot, a scollozás közben akár másodperc hosszúságú időre is megállnak a scriptek.)
A második megoldásod jobb, a böngésző okosabban kezeli, sokkal jobb megoldást erre a problémára én sem tudok hirtelen.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!