[HTML][JavaScript][CSS]Problem z addClass na mobilnych urządzeniach Opcje

[kamilo818]

Witam,
mam dziwny problem.
mam taki prosty element

[PHP] pobierz, plaintext 
<div id="menu">
    <div class="logo">
 
    </div>
    <ul>
        <li>Home</li>
        <li>Portfolio</li>
        <li>Usługi</li>
        <li>Kontakt</li>
    </ul>
</div>
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
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;
 
}
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
function menu_action(){
        if($(window).scrollTop()>0){
           $('div#menu').addClass('scrolled');
        }else{
            $('div#menu').removeClass('scrolled');
        }
    }
 
    $(window).on('scroll',function(){
 
        menu_action();
 
    });
    menu_action();
[PHP] pobierz, plaintext 

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.

Ten post edytował kamilo818 2.08.2015, 17:49:29