Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript][CSS]Problem z addClass na mobilnych urządzeniach
Forum PHP.pl > Forum > Przedszkole
kamilo818
Witam,
mam dziwny problem.
mam taki prosty element
  1. <div id="menu">
  2. <div class="logo">
  3.  
  4. </div>
  5. <ul>
  6. <li>Home</li>
  7. <li>Portfolio</li>
  8. <li>Usługi</li>
  9. <li>Kontakt</li>
  10. </ul>
  11. </div>


  1. div#menu.scrolled{
  2. background-color: #ffffff;
  3. color: #4D4D4D;
  4. height: 70px;
  5. line-height: 70px;
  6. }
  7. div#menu.scrolled div.logo{
  8.  
  9. background-position: center -30px;
  10. }
  11. div#menu{
  12.  
  13. -webkit-transition: all 0.3s ease-in-out;
  14. -moz-transition: all 0.3s ease-in-out;
  15. -o-transition: all 0.3s ease-in-out;
  16. transition: all 0.3s ease-in-out;
  17.  
  18. width: 100%;
  19. position: fixed;
  20. top:0;
  21. left:0;
  22. background-color: transparent;
  23. text-align: right;
  24. height: 90px;
  25. line-height: 90px;
  26. color: #ffffff;
  27. font-size: 20px;
  28. font-family: FlexoDemi,sans-serif;
  29.  
  30. }
  31. div#menu div.logo{
  32. background-image: url('images/logo.png');
  33. background-position: center -20px;
  34. background-size: cover;
  35. width: 250px;
  36. height: 100%;
  37. float: left;
  38.  
  39. }


  1. function menu_action(){
  2. if($(window).scrollTop()>0){
  3. $('div#menu').addClass('scrolled');
  4. }else{
  5. $('div#menu').removeClass('scrolled');
  6. }
  7. }
  8.  
  9. $(window).on('scroll',function(){
  10.  
  11. menu_action();
  12.  
  13. });
  14. 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.
Daimos
może duże pliki masz i czas ładowania zbyt duży? Testuj, mierz
kamilo818
W sensie biblioteki za duże ? Czy pliki typu zdjęcia ?


I jak mierzyć/tesotwać to? Szczerz nie wiem jak się za to zabrać.


edit:

Okazało się że przez 1 obrazek tak się dzieje. Unąłem go i jest ok. Dziwne.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.