|
|||
scroll-Verknüpfung - Hinweis
Hallo,
ich habe einen Sticky-Header mit einer Animation "ausgestattet". Jetzt erhalte ich in den Entwickler-Tools den Hinweis: Zitat:
Hier mal mein Code |
Sponsored Links |
|
|||
.on('scroll') sollte vermieden werden da dies nicht ressourcenschonend ist. Das Event wird jedesmal abgefeuert und ausgewertet wenn du scrollst und verursacht dadurch dann viele Layoutprobleme.
Für eine kleine Seite kann das vernachlässigt werden aber besser ist es, hier so etwas wie intersectionObserver einzusetzen https://developer.mozilla.org/en-US/...n_Observer_API Alternativ kann das scroll Event auch passiv verwendet werden: https://github.com/WICG/EventListene...s/explainer.md https://developers.google.com/web/up...vent-listeners https://blog.chromium.org/2016/05/ne...s-improve.html https://alligator.io/js/speed-up-scroll-events/ |
Sponsored Links |
|
|||
.on('scroll') benutze ich gar nicht.
Ich sollte vielleicht auch noch hinzufügen, dass ich kaum englisch verstehe. Werde aber trotzdem mal versuchen, aus den Links was zu erfahren. Danke |
|
|||
Siehe dein Beitrag hier vor 2 Tagen
https://xhtmlforum.de/73666-mouselea...tml#post553125 .scroll() ist nichts anderes als .on('scroll'). Um die Seiten zusammenzufassen und auf deutsch zu übersetzen: Jedesmal wenn du scrollst dann wird dein Event abgefeuert und alles neu berechnet, das geht auf die performance. Deshalb meinte ich auch: Wenn es nur für eine Seite rein für dich ist, dann passt das schon. Da wirst du keine beeinträchtigung sehen. Falls du aber mehr JS auf der Seite verwendest dann kann das auf schwächeren Geräten (wie zB auch mobilen Geräten) die Seite ausbremsen, was dann den Effekt hat, dass die Seite "ruckelt" oder sich einfach nicht flüssig anfühlt für die User. Deshalb gibt es die verlinkten Alternativen, leider gibt es generell für Webtechnologien mehr Infos auf englisch, falls ich etwas auf deutsch finde werde ich es dir noch nachreichen. |
|
|||
Ach so, habe ich falsch verstanden. Du meinst, ich sollte ganz auf das .scoll() verzichten?
Im Augenblick wäre das aber auch nicht so wild. Die ganze Seite ist eigentlich nur dazu da, mich nach einigen Jahren Pause wieder rein zu finden und zu sehen, was es neues gibt. Ich habe nicht wirklich geplant, sie irgendwann hoch zu laden. Trotzdem sind das aber tolle Tips - Danke |
|
|||
Fürs lernen und üben lass es drinnen, wenn es auch das einzige ist was .scroll verwendet dann wird es schon nicht so schlimm sein.
Aber für wirkliche Projekte ist es besser die alternativen zu verwenden die ich gepostet habe |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Liste wird trotz float:left im li nicht horizontal | img | CSS | 27 | 23.08.2013 12:43 |
Inline Listenelement wird nicht richtig im background befüllt | SteveB | CSS | 3 | 28.04.2011 20:41 |
Darstellungsfehler - FF & IE7 vs. IE6 | mk-gfx | CSS | 2 | 29.10.2008 09:58 |
"Frame" mit CSS | Schockwelle | CSS | 11 | 07.05.2007 10:28 |
scroll balken im layer verändern für alle browser | steakzombies | CSS | 2 | 17.02.2007 19:08 |