Inhoudsopgave hakkelt bij scrollen op iOS

[n8n]

Goedemiddag,

Op iOS veranderd de viewport height wanneer je scrolled wat in combinatie met position: fixed; top: x; om een element onder aan het scherm uit te lijnen zorgt voor een lelijke overgang. Het element blijft even hangen om na de viewport resize plots naar de juiste plek te schieten.

Dit is simpel op te lossen voor (enkel) position: bottom; te gebruiken in zo’n geval, in de bijlage een screenshot van het stukje CSS dat hiervoor verantwoordelijk is:

[crisp]

Maar dan sloop je het uitklap-effect

[n8n]

crisp schreef op donderdag 6 juli 2017 @ 11:39:
Maar dan sloop je het uitklap-effect

Op onderstaande manier niet, en er wordt een transform geanimeerd ipv de top property wat ook nog eens veel performanter is.

[ Voor 10% gewijzigd door n8n op 11-07-2017 18:22 ]

[crisp]

n8n schreef op dinsdag 11 juli 2017 @ 18:22:
[...]


Op onderstaande manier niet, en er wordt een transform geanimeerd ipv de top property wat ook nog eens veel performanter is.

[afbeelding]

A nice, daar was ik nog niet opgekomen...
Ga ik voor je fixen, maar komt ws pas met de volgende release over 2 weken online.

[WhatsappHack]

Is die inhoud balk overigens ergens geheel uit te schakelen misschien? Erger me er al een tijdje kapot aan ('t heeft, met alle respect en louter persoonlijke mening, echt geen enkele toegevoegde waarde, is behoorlijk vervelend en zit gewoon in de weg), maar kwam er nu ook achter dat ie over de knop om je reactie te plaatsen heenstaat in landscape. Dat was de druppel om het toch eens te vragen.

[crisp]

@WhatsappHack met custom css:

Cascading Stylesheet:

#toc.fixed { display: none; }

[WhatsappHack]

crisp schreef op zaterdag 15 juli 2017 @ 11:40:
@WhatsappHack met custom css:

Cascading Stylesheet:

#toc.fixed { display: none; }

Dank u, dat gaan we eens proberen!