[asunez]

#programowanie #react #webdev #semanticui

Heja, mam pytanko. Tworzę sobie właśnie apkę w Reactcie, od "wyglądu" mam Semantica. Chciałbym osiągnąć efekt taki, że przy scrollowaniu porusza się tylko główny komponent (właściwa część apki), a tło (obrazek) pozostaje nieruchome. Nie za bardzo wiem jak to wpisać w google, żeby coś takiego ogarnąć - ma to swoją nazwę jakąś? Nie potrzebuję rozwiązania, jakieś hasło do Google'a mi wystarczy (⌐ ͡■ ͜ʖ ͡■)

[Marmite]

@asunez: parallax scrolling
EDIT a nie, ty chyba chcesz po prostu użyć position: fixed lub background-attachment: fixed;, zależy co tam masz dokładnie

[asunez]

@Marmite: nie nie - tło ma całkowicie się nieruszać. Parallax scrolling to coś innego, ale dzięki za chęci.

W momencie zadawania pytania chyba znalazłem, muszę tylko ręcznie CSSy podmienić:

background-repeat: no-repeat;
 background-attachment: fixed;

[nightman]

@asunez: https://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-attachment

https://www.w3schools.com/cssref/pr_background-attachment.asp

[asunez]

@nightman: Dzięki, właśnie to wyżej napisałem :D Tak to jest, człowiek nie wie czego chce dopóki nie sformułuje pytania, a wtedy magicznie 'pyk' i już wiadomo co zrobić. Tak czy siak dziękówa za chęci.