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

10244

6y

@dfox, @trogus
5

devTea

21910

6y

.
6

C0D4

66902

6y

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

🚩
4

C0D4

66902

6y

@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

10244

6y

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

Wombat

10244

6y

@theKarlisK 😉
4

Fast-Nop

39106

6y

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

Wombat

10244

6y

@Fast-Nop same for me. 🙄
4

Wombat

10244

6y

@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

39106

6y

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

Benedikt

2011

6y

.
3

Konsole

3049

6y

📌

Related Rants

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