[Kollo]

Robię drugie podejście do nadania elementu sticky dla klasy. Nigdy nie chce mi pływać za ekranem tylko stoi w miejscu. Co robię źle?
link do przypadku
klasa stickajsie dodaję position:sticky ale to nic nie daje. Żaden element nie ma height i innych.
#css #webdev #webdesign

[ujdzie]

@Kollo: sticky musi mieć obowiązkowo jakiś atrybut, do którego ma się przykleić, np. "top: 0". A rodzic chyba musi mieć position: relative, ale nie pomnę teraz.

[Kollo]

@ujdzie: Też tak testowałem i nic z tego... za chiny nie odpalę tego sticky, już sam nie wiem co źle robię.

[le1t00]

@Kollo: możesz podrzucić fragment na codepenie czy tam gdzieś?

[januzi]

@Kollo: Na stronę się nie wejdzie, bo tylko osoba zalogowana do admina go widzi.

[Kollo]

@januzi: A przepraszam odblokowałem. Strona produktu, gdzie chcę aby prawa strona była sticky, a zdjęcia z lewej się przewijały.
@le1t00 Włączyłem stronę.

link: strona produktu

[Phatee]

A sticky nie wymaga chociażby, żeby conajmniej na body był position:relative?

[januzi]

@Kollo:

If any parent/ancestor of the sticky element has any of the following overflow properties set, position: sticky won't work (unless you specify a height on the overflowing container):

zobacz co ma #page

[Kollo]

@januzi: a dzięki wielkie! działa w sensie na mojej konsoli. Nie widziałem wtedy tego.

[januzi]

@Kollo: mała uwaga, dla ludzi z niższym ekranem ta pływająca część będzie ucięta tak, że nie będzie widać opcji dodawania do koszyka, tak więc upewnij się że pływanie zostanie wyłączone w odpowiednim momencie