Aloha ;)

Also, hab mir jetzt nochmal dein Problem im Detail angesehen. Habe ich das richtig verstanden: Du möchtest einen Teil der Menüpunkte, die sowieso nicht sichtbar sind, auf display:none; stellen und von ihren (klick-bedingten) EventListenern lösen um die Performanz zu steigern?

Ich bleibe dabei: Mit JavaScript ist das möglich.

Aber: Wie in meinem Ursprungspost schon angedeutet und von ChrisB ausgeführt, ist das ein sinnloses Unterfangen.

Du kämpfst da gegen Windmühlen ;) Es bringt dir - da bin ich mir sicher - keinerlei Performance-Steigerung, wenn du das umsetzt. Im Gegenteil: Da eine JavaScript-Lösung auf onscroll hören müsste, das beim Scrollen ständig ausgelöst wird, hättest du einen vollkommen nutzlosen Overhead. Bedenke außerdem: Wenn du Elemente aus deiner scrollbaren Liste entfernst änderst du damit die Position aller anderen Elemente. Das führt dann zu einem lustigen Herumhüpfen deiner Elemente - das willst du sicher nicht miterleben ;)

Vielleicht hängt da auch ein Grundverständnisproblem (ich glaube ChrisB hat das schon angesprochen): Der EventLISTENER tut nichts (überhaupt nichts), solange das zugehörige Event nicht gefeuert wird. Speichertechnisch ist das auch vollkommen unproblematisch - schließlich hast du (wahrscheinlich) eine einzige Funktion, die von allen EventListenern befeuert wird. Das einzige, was du durch das Entfernen von Elementen an Speicherplatz gewinnst, sind die wenigen paar Variablen, die mit den Mini-Funktionen gefüllt sind, die deine Event-Funktion feuern. Das sind lächerliche Mengen an Speicherplatz und vollkommen unproblematisch. Der Overhead, den du ansprichst (dadurch, dass EventListener, die ganze Zeit am "listenen" sind), tritt nicht auf. Das reine "Listenen" verursacht überhaupt keinen Rechenaufwand (in Zahlen: 0). Der Overhead, der durch das Feuern der Events entsteht, kann von deiner Seite aus gar nicht gesteuert werden, das übernimmt die Engine vollautomatisch und unstopable ;)

Grüße,

RIDER