Servus!
Der Zweck von Fußnoten ist doch, dort, wo ein Text sichtbar ist, eine Anmerkung ebenfalls direkt sichtbar zu halten, die den eigentlichen Textfluss nicht unterbrechen soll.
Ich kann nur aus dem Tutorial zitieren:
Bei Druckerzeugnissen werden Anmerkungen oft aus dem Fließtext in Fußnoten ausgelagert, um den Text flüssig lesbar zu gestalten. Diese Anmerkungen können Legenden, Quellenangaben oder weiterführende Erklärungen enthalten. Nach Din 5008 wird hinter das zu erklärende Wort eine Anmerkungsziffer gesetzt, die auf eine Erklärung am Seitenende verweist.[1]
Auf Webseiten sind Fußnoten eigentlich nicht nötig, da es einerseits keine feste Paginierung (Seiteneinteilung) gibt, sodass auch längere Texte in ein Dokument zusammengefasst werden können und andererseits ein Hyperlink direkt zu einer Anmerkung oder Quelle verweisen kann.
Dies wird nicht durch Links erreicht.
Doch. Da eine Webseite länger als eine (Din A4)-Seite sein kann, ist die gegenseitige Verlinkung (auch zurück zur Textstelle) eben eine gute Technik.
Tooltips können das leisten, sind aber für mobile Geräte, wie z.B. auch e-Book-Reader in der Regel nicht zugänglich.
Doch, wenn sie etwa mit dem title-Attribut, abbr oder dfn ausgezeichnet werden.
→ CSS/Tutorials/Tooltips_mit_CSS
Eine junge position-Variante ist "sticky". Sie stellt jedoch im Grunde genommen genau das Gegenteil dessen dar, was ich von einer Fußnote auf einer html-Seite erwarten würde.
Du meinst etwas wie Anmerkungen und Notien in MS Word. Ja, du könntest den Text um einen großen Rand ergänzen und dort die Anmerkungstexte positionieren.
Da bräuchtest Du auch kein position: sticky
, sondern nur position: relative; left: 300px;
damit die Anmerkung rausgeschoben wird. Wo da der Unterschied zu einem Tooltip ist, musst du unterscheiden.
Wie könnte erreicht werden, dass ein Fußnotenbereich mit angepasster Größe als fixed-Block angezeigt wird, jedoch stets genau jene Inhalte als sichtbar anzeigt, auf die in einem aktuell sichtbaren Bereich verwiesen wird? Es soll also im Ggs. zu sticky nicht angezeigt werden, was nicht zum aktuell sichtbaren Bereich gehört, aber es soll im Ggs. zu sticky das als fixed angezeigt werden, was zum sichtbaren Bereich gehört.
Ah, jetzt habe ich verstanden, was Du willst. (Die fehlenden Absätze haben da nicht geholfen.)
Geht das bereits irgendwie?
Du müsstest alle Fußnoten in einem aside rechts neben den Text platzieren (ist da auf mobilen Geräten, Tablets Platz?)
Dann würdest du mit dem Intersection Observer lauschen, in welchem Textbereicht / Abschnitt du grade bist und nur diesen Bereich einblenden.
Einfacher wäre es zu jedem Textabschnitt ein solches aside zu erstellen und auf das Script zu verzichten.
Herzliche Grüße
Matthias Scharwies
Eigentlich hatte ich heute viel vor - jetzt habe ich morgen viel vor!