javascript - Hi @dfox, hi @trogus Why have you decided to achive a sticky avatar on the rant page by increasing padding-top on scrol - devRant

Ranter

Comments

3

Wombat

10620

5y

@dfox, @trogus
6

devTea

24382

5y

.
6

C0D4

69532

5y

Wait it increases padding on scroll?
I rarely use the web version.

🚩
4

C0D4

69532

5y

@Alice
position:fixed; toggled on scroll top-offset.

Or maybe I'm old school.

But I've never seen it done with padding 🤔
2

Wombat

10620

5y

@theKarlisK you misunderstood the point. It was about storytelling, not a sticky ui element.
2

Wombat

10620

5y

@theKarlisK 😉
4

Fast-Nop

40304

5y

position:sticky doesn't work in any IE. My fallback is not to care.
4

Wombat

10620

5y

@Fast-Nop same for me. 🙄
4

Wombat

10620

5y

@Alice @C0D4 padding is probably the most inefficient way to achieve a sticky position. It triggers repaint on every change. If compatibility is important I would go with transform: translateY and css transitions.
3

Fast-Nop

40304

5y

@M1sf3t What else? FF and Chrome work, Safari with webkit prefix also.
3

Benedikt

2281

5y

.
3

Konsole

3140

5y

📌

Related Rants

devRant © 2021 Hexical Labs LLC
Privacy Policy | Terms of Service