• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Parallax na mobilnych urządzeniach

42 Warsaw Coding Academy
0 głosów
460 wizyt
pytanie zadane 24 marca 2018 w HTML i CSS przez BlaBlaCar Początkujący (440 p.)
edycja 24 marca 2018 przez BlaBlaCar
Witam!

Stworzyłem własną responsywną stronę internetową użyłem efekt "background:fixed" niestety gdy zacząłem sprawdzać swoją stronę na urządzeniach mobilnych motyw nie działa. Nie wiem w czym leży problem już trochę nad tym siedzę i nie mogę dojść rozwiązania. Dziękuje za pomoc.

EDIT: Uzyskałem efekt parallax na mobilnym urządzeniu gdy obraz jest na początku strony lecz czasem się zacina ma ktoś pomysł na to?

Blok kodu (biblioteka jQuery):

$(document).scroll(function(){
    var scroll_height=$(this).scrollTop()
    var scroll_height_parseINT=parseInt(scroll_height)
    var picture=$(".intro_picture")
    var picture_height=picture.css("height")
    var picture_height_parseINT=parseInt(picture_height)
   
    if(scroll_height_parseINT<picture_height_parseINT)
       {
    picture.css({
        "background-position-y":scroll_height
    })
        }

1 odpowiedź

0 głosów
odpowiedź 24 marca 2018 przez Nimplex Początkujący (460 p.)
Korzystasz z stron na których tworzy się strony czy piszesz je?
komentarz 24 marca 2018 przez BlaBlaCar Początkujący (440 p.)
Sam projektuje i piszę strony na ten moment są to dla znajomych na wykupionych serwerach.

Blok kodu (przyklejenie tła):

    background-image: url(obraz1.JPG);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 200px;
komentarz 24 marca 2018 przez Nimplex Początkujący (460 p.)
To sory też się nad tym głowię
komentarz 24 marca 2018 przez EdeX Mądrala (5,130 p.)
a w jakim sensie nie działa, że się nie wyświetla, czy po prostu nie jest zaczepiony.
komentarz 24 marca 2018 przez BlaBlaCar Początkujący (440 p.)
nie jest zaczepiony.
komentarz 24 marca 2018 przez EdeX Mądrala (5,130 p.)
sprawdz na innej przeglądarce

Podobne pytania

+1 głos
2 odpowiedzi 1,157 wizyt
0 głosów
0 odpowiedzi 251 wizyt
pytanie zadane 28 lutego 2018 w HTML i CSS przez Paweł Sypek Początkujący (440 p.)
+1 głos
1 odpowiedź 406 wizyt
pytanie zadane 14 sierpnia 2021 w HTML i CSS przez NA Użytkownik (590 p.)

93,377 zapytań

142,380 odpowiedzi

322,527 komentarzy

62,725 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

VMware Cloud PRO - przenieś swoją infrastrukturę IT do chmury
...