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

Parallax na mobilnych urządzeniach

Object Storage Arubacloud
0 głosów
364 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,110 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,110 p.)
sprawdz na innej przeglądarce

Podobne pytania

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

92,576 zapytań

141,426 odpowiedzi

319,652 komentarzy

61,961 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.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...