Cześć.
Mam problem, którego nie rozumiem i nie wiem, gdzie indziej mogliby mi pomóc bez krzyczenia na mnie, więc wracam na i zwracam się do forum z podkulonym ogonem.
Potrzebuje scrollujacy tekst na stronę internetową, taki powiedzmy “pasek grozy”.
Jako że nie wiem nic o programowaniu, to znalazłem sobie htmlowy kod “marquee”, który niestety kompletnie wywala się na safari (klatkuje niemiłosiernie), bo jak się okazało jest to jakaś stara i nieużywana przez nikogo już rzecz.
No to poszukałem, pokonsultowalem się z ChatGPT i teoretycznie dostałem to, co chciałem”.
Ale tylko teoretycznie.
Kod wygląda znośnie na desktopie, ale na mobile a) trzeba na tekst koszmarnie długo czekać po załadowaniu strony, b) trzeba tak samo długo czekać na nowy tekst po zniknięciu starego.
A tak w ogóle to ja bym chciał, żeby nowy tekst zaczynał się od razu za starym, żeby nie trzeba było czekać na nowy “z prawej”, aż stary “zniknie” z lewej. Żeby to wyglądało jak niekończący się tekst.
Moje umiejętności w tym zakresie ograniczają się do kopiuj-wklej-sprawdź czy działa.
Czy ktoś mógłby mi powiedzieć co ja źle robię i dać rozwiązanie mojego problemu?
Czas scrollowania jest ustawiony na 20s bo szybciej jest za szybko na desktopie. Ale może tu można coś zmienić, żeby było lepiej ma mobile? No kurde, nie wiem.
Długość lorem ipsum odpowiada długości tekstu, którego będę używał. (jest “szerszy”, niż strona na desktopie)
Help!
Tak to wygląda na desktopie
Tak na mobile i jak widzicie koszmarnie długo trzeba czekać na pojawienie się tekstu.
Oba filmy zaczynają się od momentu wejścia na stronę.
A taki jest kod, którego użyłem. Cześć z tych rzeczy jest według moich wskazań (czarne tło, pause on hover)
Notatki/komentarze autorstwa chatGPT, nie chciało mi się usuwać.
Kod: