mam dziwny problem.
mam taki prosty element
<div id="menu"> <div class="logo"> </div> <ul> <li>Home</li> <li>Portfolio</li> <li>Usługi</li> <li>Kontakt</li> </ul> </div>
div#menu.scrolled{ background-color: #ffffff; color: #4D4D4D; height: 70px; line-height: 70px; } div#menu.scrolled div.logo{ background-position: center -30px; } div#menu{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; position: fixed; top:0; left:0; background-color: transparent; text-align: right; height: 90px; line-height: 90px; color: #ffffff; font-size: 20px; font-family: FlexoDemi,sans-serif; } div#menu div.logo{ background-image: url('images/logo.png'); background-position: center -20px; background-size: cover; width: 250px; height: 100%; float: left; }
function menu_action(){ if($(window).scrollTop()>0){ $('div#menu').addClass('scrolled'); }else{ $('div#menu').removeClass('scrolled'); } } $(window).on('scroll',function(){ menu_action(); }); menu_action();
Na komputerze działa prawidłowo a na telefonie/tablecie z dużym opóźnieniem działa zmiana wyglądu. Brak płynności.
Jaki moze być tego powód? jak temu zaradzić?
----------------------------------
I podobny problem.
Mam taką stronę http://page4u.waw.pl/new_recam/
Na komputerze wszystko ok a na teleofnie/tablecie np przy kliknięciu przycisku od menu, lista rozwija się po czasie (opóźnienie).
Nie wiem o co chodzi... Proszę o pomoc.