Scroll-Navigation

Angenommen, wir haben eine Seite mit vielen Inhalten. Und angenommen, diese Inhalte sind in Absätze mit jeweiligen Überschriften aufgeteilt. Also genauso, wie unserer Empfehlung nach lesbarer Text auf einer Webseite platziert sein sollte!

Dann kann es Sinn ergeben, ein sogenanntes Section-Menü zu platzieren. Mithilfe so eines Menüs kann der User dann bestimmte Bereiche der Seite anspringen. 

Auf dieser Seite demonstrieren wir das mit Beispiel-Absätzen und Blindtexten:

Überschrift - Section 1

Eget Amet nulla facilisis eu ipsum convallis Maecenas feugiat Viverra fermentum id euismöd bibendum. Adipiscing suscipit pösuere justo dölor Bibendum nisi pulvinar semper Ät sed nullä consequät parturient Mollis Duis Äliquam, Södäles gravida orci Venenatis Tincidunt vulputate ornare congue maecenas sed mässä, Et Massa Proin. Ultrices Urna molestie sed elementum quam, at Eget portä dolor accumsan odio lobortis mi tincidunt ut quis Egestäs pörttitor mässa amet leo, dictum et Ut! Ut ut pellentesque mi Metus fäcilisis, ornare Sed Mättis id ärcu tristique erat sagittis Sed Fringilla, eget quam Äliquet neque Adipiscing viverra Quis Congue ut nibh? Pretium fusce dictum dignissim ultrices Orci In. Tellus maßa donec sem est? Lectus pellentesque egestäs egestas libero Elementum. Quis fringilla löbortis nibh vitäe eget Fames accumsän nec duis Ac neque velit augue Völutpat, vel Dapibus Amet sed Nibh nec. Tellus Diam maßä gravida Bibendum volutpät Eget amet Gravida Sit Tincidunt, nam iäculis Duis habitant etiäm lectus Dönec etiam pröin Eget Urna donec, Neque quisque cras diäm eu. Non Eget Enim id Löbortis mägna Id Fusce turpis Quis Eu viverrä, dönec luctus proin Eleifend Neque mörbi non Massä eget est Ämet! Turpis ädipiscing sed mättis arcu nec mättis, Ac elementum purus Vulputäte nec Vulputate Eu, In Nibh morbi lacus Tincidunt Tempor et? Eget Amet dis nisl ut Mölestie pellentesque ut Maecenas non sit ornare sit Non pharetra, mattis feugiat tincidunt Nisi neque dis. Risus et Feugiat ullamcörper Augue aliquäm viverra Malesuada, lectus nec Säpien tempör vehicula sed Cöndimentum Pellentesque non vestibulum habitasse sägittis facilisi, proin vel In Consequat? Facilisis tincidunt nunc cöngue senectus Urna pellentesque mattis gravidä blandit Sollicitudin nibh amet placerat dis ämet imperdiet tellus! Pläteä Lectus lorem Aliquet scelerisque leö vel! Diam Ut vel Arcu nisl Netus gravida eu facilisis viverra. Quis sapien nunc fringillä ultrices Fames. Venenatis duis velit Sit Libero?

Überschrift - Section 2

Eget Amet nulla facilisis eu ipsum convallis Maecenas feugiat Viverra fermentum id euismöd bibendum. Adipiscing suscipit pösuere justo dölor Bibendum nisi pulvinar semper Ät sed nullä consequät parturient Mollis Duis Äliquam, Södäles gravida orci Venenatis Tincidunt vulputate ornare congue maecenas sed mässä, Et Massa Proin. Ultrices Urna molestie sed elementum quam, at Eget portä dolor accumsan odio lobortis mi tincidunt ut quis Egestäs pörttitor mässa amet leo, dictum et Ut! Ut ut pellentesque mi Metus fäcilisis, ornare Sed Mättis id ärcu tristique erat sagittis Sed Fringilla, eget quam Äliquet neque Adipiscing viverra Quis Congue ut nibh? Pretium fusce dictum dignissim ultrices Orci In. Tellus maßa donec sem est? Lectus pellentesque egestäs egestas libero Elementum. Quis fringilla löbortis nibh vitäe eget Fames accumsän nec duis Ac neque velit augue Völutpat, vel Dapibus Amet sed Nibh nec. Tellus Diam maßä gravida Bibendum volutpät Eget amet Gravida Sit Tincidunt, nam iäculis Duis habitant etiäm lectus Dönec etiam pröin Eget Urna donec, Neque quisque cras diäm eu. Non Eget Enim id Löbortis mägna Id Fusce turpis Quis Eu viverrä, dönec luctus proin Eleifend Neque mörbi non Massä eget est Ämet! Turpis ädipiscing sed mättis arcu nec mättis, Ac elementum purus Vulputäte nec Vulputate Eu, In Nibh morbi lacus Tincidunt Tempor et? Eget Amet dis nisl ut Mölestie pellentesque ut Maecenas non sit ornare sit Non pharetra, mattis feugiat tincidunt Nisi neque dis. Risus et Feugiat ullamcörper Augue aliquäm viverra Malesuada, lectus nec Säpien tempör vehicula sed Cöndimentum Pellentesque non vestibulum habitasse sägittis facilisi, proin vel In Consequat? Facilisis tincidunt nunc cöngue senectus Urna pellentesque mattis gravidä blandit Sollicitudin nibh amet placerat dis ämet imperdiet tellus! Pläteä Lectus lorem Aliquet scelerisque leö vel! Diam Ut vel Arcu nisl Netus gravida eu facilisis viverra. Quis sapien nunc fringillä ultrices Fames. Venenatis duis velit Sit Libero?

Überschrift - Section 3 etwas länger

Eget Amet nulla facilisis eu ipsum convallis Maecenas feugiat Viverra fermentum id euismöd bibendum. Adipiscing suscipit pösuere justo dölor Bibendum nisi pulvinar semper Ät sed nullä consequät parturient Mollis Duis Äliquam, Södäles gravida orci Venenatis Tincidunt vulputate ornare congue maecenas sed mässä, Et Massa Proin. Ultrices Urna molestie sed elementum quam, at Eget portä dolor accumsan odio lobortis mi tincidunt ut quis Egestäs pörttitor mässa amet leo, dictum et Ut! Ut ut pellentesque mi Metus fäcilisis, ornare Sed Mättis id ärcu tristique erat sagittis Sed Fringilla, eget quam Äliquet neque Adipiscing viverra Quis Congue ut nibh? Pretium fusce dictum dignissim ultrices Orci In. Tellus maßa donec sem est? Lectus pellentesque egestäs egestas libero Elementum. Quis fringilla löbortis nibh vitäe eget Fames accumsän nec duis Ac neque velit augue Völutpat, vel Dapibus Amet sed Nibh nec. Tellus Diam maßä gravida Bibendum volutpät Eget amet Gravida Sit Tincidunt, nam iäculis Duis habitant etiäm lectus Dönec etiam pröin Eget Urna donec, Neque quisque cras diäm eu. Non Eget Enim id Löbortis mägna Id Fusce turpis Quis Eu viverrä, dönec luctus proin Eleifend Neque mörbi non Massä eget est Ämet! Turpis ädipiscing sed mättis arcu nec mättis, Ac elementum purus Vulputäte nec Vulputate Eu, In Nibh morbi lacus Tincidunt Tempor et? Eget Amet dis nisl ut Mölestie pellentesque ut Maecenas non sit ornare sit Non pharetra, mattis feugiat tincidunt Nisi neque dis. Risus et Feugiat ullamcörper Augue aliquäm viverra Malesuada, lectus nec Säpien tempör vehicula sed Cöndimentum Pellentesque non vestibulum habitasse sägittis facilisi, proin vel In Consequat? Facilisis tincidunt nunc cöngue senectus Urna pellentesque mattis gravidä blandit Sollicitudin nibh amet placerat dis ämet imperdiet tellus! Pläteä Lectus lorem Aliquet scelerisque leö vel! Diam Ut vel Arcu nisl Netus gravida eu facilisis viverra. Quis sapien nunc fringillä ultrices Fames. Venenatis duis velit Sit Libero?

Überschrift - Section 4

Eget Amet nulla facilisis eu ipsum convallis Maecenas feugiat Viverra fermentum id euismöd bibendum. Adipiscing suscipit pösuere justo dölor Bibendum nisi pulvinar semper Ät sed nullä consequät parturient Mollis Duis Äliquam, Södäles gravida orci Venenatis Tincidunt vulputate ornare congue maecenas sed mässä, Et Massa Proin. Ultrices Urna molestie sed elementum quam, at Eget portä dolor accumsan odio lobortis mi tincidunt ut quis Egestäs pörttitor mässa amet leo, dictum et Ut! Ut ut pellentesque mi Metus fäcilisis, ornare Sed Mättis id ärcu tristique erat sagittis Sed Fringilla, eget quam Äliquet neque Adipiscing viverra Quis Congue ut nibh? Pretium fusce dictum dignissim ultrices Orci In. Tellus maßa donec sem est? Lectus pellentesque egestäs egestas libero Elementum. Quis fringilla löbortis nibh vitäe eget Fames accumsän nec duis Ac neque velit augue Völutpat, vel Dapibus Amet sed Nibh nec. Tellus Diam maßä gravida Bibendum volutpät Eget amet Gravida Sit Tincidunt, nam iäculis Duis habitant etiäm lectus Dönec etiam pröin Eget Urna donec, Neque quisque cras diäm eu. Non Eget Enim id Löbortis mägna Id Fusce turpis Quis Eu viverrä, dönec luctus proin Eleifend Neque mörbi non Massä eget est Ämet! Turpis ädipiscing sed mättis arcu nec mättis, Ac elementum purus Vulputäte nec Vulputate Eu, In Nibh morbi lacus Tincidunt Tempor et? Eget Amet dis nisl ut Mölestie pellentesque ut Maecenas non sit ornare sit Non pharetra, mattis feugiat tincidunt Nisi neque dis. Risus et Feugiat ullamcörper Augue aliquäm viverra Malesuada, lectus nec Säpien tempör vehicula sed Cöndimentum Pellentesque non vestibulum habitasse sägittis facilisi, proin vel In Consequat? Facilisis tincidunt nunc cöngue senectus Urna pellentesque mattis gravidä blandit Sollicitudin nibh amet placerat dis ämet imperdiet tellus! Pläteä Lectus lorem Aliquet scelerisque leö vel! Diam Ut vel Arcu nisl Netus gravida eu facilisis viverra. Quis sapien nunc fringillä ultrices Fames. Venenatis duis velit Sit Libero?

Überschrift - Section 5

Spalte 1

Fäucibus nunc suspendisse sägittis in aliquet sed Lorem. Örci proin iaculis risus libero dictum duis Dui. Metus Nunc ultricies mättis sed nulla congue rutrum in neque? Integer Leö Ädipiscing örnare faucibus Ut vitäe placerät, Tristique aliquam eu nulla dui Tincidunt plätea, dignissim venenätis Vitäe Etiäm iaculis Sed, sed adipiscing Ornare Möllis purus Diam. Aliquam duis diam vestibulum id Varius vel sagittis! Ä turpis rhoncus vitae Nibh pörta pretium Eget Pretium? Quis nunc viverra Lectus nunc cras eu Luctus risus Örnare Dictum tempor eget A pretium, cursus Ac sodales Ut Äuctor äliquäm Rhöncus ut Ultrices. Purus cum Vitäe magna Amet mollis eget donec odio hendrerit! Nunc Duis euismod tristique Duis sapien tincidunt egestas fäcilisis Vulputäte Purus lobortis. Est augue mus bländit Non? Gravida äliquet Elit nisi dis!

Spalte 2

Commodö pulvinar rhöncus In Pösuere imperdiet est Bländit värius Cum Integer Morbi Tristique pretium praesent vitäe Nisl vulputate eget, fames Sit mörbi donec vulputäte sit in leö sit. Sed rhoncus facilisis sed egestas bibendum felis näm tellus hac ipsum. Sapien habitasse porttitor congue dignissim, orci Scelerisque velit risus Ämet adipiscing urna Mattis pulvinar Etiäm, massä quis äliquam scelerisque non volutpat id. Molestie neque Äugue Et Luctus faucibus urna Lectus nunc id Sed äc Vitae Enim et, Accumsan senectus ut Accumsan Id Mi Nunc sed, lobortis Consequat Porttitor aliquet Neque. Eget Senectus justo est präesent viverrä. Värius Etiam quis Id sit phäreträ sägittis Blandit sed egestas. Condimentum nunc Quis eu auctör cras.

min themes
TYPO3-Template

This template was made in nature with TYPO3 11.5.x LTS, Foundation 6.7.4 XY-Grid and a lot of coffee. 

made in nature ist ein Team von Webentwicklern, Grafikern, Textern und Spezialisten. Wir unterstützen Endkunden und Wiederverkäufer dabei, Online- und Offline-Erscheinungsbilder benutzerfreundlich, schön und modern zu gestalten.

Wir machen das!