{"id":284,"date":"2026-05-12T18:01:06","date_gmt":"2026-05-12T18:01:06","guid":{"rendered":"https:\/\/help.excelerate.app\/?post_type=docs&#038;p=284"},"modified":"2026-06-12T12:41:25","modified_gmt":"2026-06-12T12:41:25","password":"","slug":"scrollable-text","status":"publish","type":"docs","link":"https:\/\/help.excelerate.app\/en\/help\/scrollable-text\/","title":{"rendered":"Scrollable Text"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"284\" class=\"elementor elementor-284\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55460b26 e-con-full e-flex e-con e-parent\" data-id=\"55460b26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f997665 elementor-widget elementor-widget-text-editor\" data-id=\"6f997665\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Application<\/h2><div class=\"elementor-element elementor-element-a9dff80 elementor-widget elementor-widget-fp-text\" data-id=\"a9dff80\" data-element_type=\"widget\" data-widget_type=\"fp-text.default\"><div class=\"elementor-widget-container\"><div class=\"text\"><p>Verwende Scroll Text, um l\u00e4ngere Inhalte platzsparend in einem festen Bereich darzustellen. Lernende k\u00f6nnen den Text innerhalb des Fensters scrollen, ohne dass die gesamte Seite l\u00e4nger wird oder das Layout un\u00fcbersichtlich wirkt. Der Lernende kann den Text wahlweise als .pdf herunterladen.\u00a0<\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08dcbd9 elementor-widget elementor-widget-spacer\" data-id=\"08dcbd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5dbf8d01 elementor-widget elementor-widget-text-editor\" data-id=\"5dbf8d01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Video tutorial<\/h2><div class=\"elementor-element elementor-element-a9dff80 elementor-widget elementor-widget-fp-text\" data-id=\"a9dff80\" data-element_type=\"widget\" data-widget_type=\"fp-text.default\"><div class=\"elementor-widget-container\"><div class=\"text\"><p>Erfahre in dem folgenden Video Tutorial, wie du das Element erstellst<\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46b7f429 elementor-widget elementor-widget-video\" data-id=\"46b7f429\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;vimeo&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<iframe class=\"elementor-video-iframe\" allowfullscreen allow=\"clipboard-write\" title=\"Vimeo video player\" src=\"https:\/\/player.vimeo.com\/video\/1198578468?color&amp;autopause=0&amp;loop=0&amp;muted=0&amp;title=1&amp;portrait=1&amp;byline=1#t=\"><\/iframe>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a785ca5 elementor-widget elementor-widget-spacer\" data-id=\"a785ca5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7db37fc elementor-widget elementor-widget-text-editor\" data-id=\"7db37fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Schritt 1 &#8211; Layout w\u00e4hlen<\/h2><p>Schaue dir die Hotspots an und erfahre welche Layouts das Element anbietet.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fdd526 elementor-widget elementor-widget-hotspots\" data-id=\"7fdd526\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/05\/Layout-1.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot\" style=\"top: 20%; left: 50%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Breite<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">W\u00e4hle das Layout aus: Dein Scroll-Text-Element kann schmal oder breit sein.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 60%; left: 50%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">H\u00f6he<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Entscheide, ob das Textfeld hoch oder niedrig ist, also ob es auf den ersten Blick viel oder wenig Text anzeigen kann.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8532457 elementor-widget elementor-widget-spacer\" data-id=\"8532457\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcd91fb elementor-widget elementor-widget-text-editor\" data-id=\"fcd91fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Schritt 2 &#8211; Inhalt und Button Beschriftung<\/h2><p>Schau dir die Hotspots an und erfahre, welche Einstellungen das Element bietet.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9a7b8f elementor-widget elementor-widget-hotspots\" data-id=\"b9a7b8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/05\/Text_button.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 32%; left: 66%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Text<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">F\u00fcge den Text hinzu und bearbeite diesen anschlie\u00dfend mit dem Rich Text Editor.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 69%; left: 66%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Button Einstellungen<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Entscheide, wie dein Download Button beschriftet wird.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c61990f elementor-widget elementor-widget-spacer\" data-id=\"c61990f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Anwendung Verwende Scroll Text, um l\u00e4ngere Inhalte platzsparend in einem festen Bereich darzustellen. Lernende k\u00f6nnen den Text innerhalb des Fensters scrollen, ohne dass die gesamte Seite l\u00e4nger wird oder das Layout un\u00fcbersichtlich wirkt. Der Lernende kann den Text wahlweise als .pdf herunterladen.\u00a0 Video Anleitung Erfahre in dem folgenden Video Tutorial, wie du das Element erstellst [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[11],"doc_tag":[],"class_list":["post-284","docs","type-docs","status-publish","hentry","doc_category-inhaltselemente"],"year_month":"2026-08","word_count":153,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Excelerate","author_nicename":"excelerate","author_url":"https:\/\/help.excelerate.app\/en\/author\/excelerate\/"},"doc_category_info":[{"term_name":"Creator - Inhalt - Elemente","term_url":"https:\/\/help.excelerate.app\/en\/docs-category\/inhaltselemente\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/comments?post=284"}],"version-history":[{"count":49,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/284\/revisions"}],"predecessor-version":[{"id":3612,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/284\/revisions\/3612"}],"wp:attachment":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/media?parent=284"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_category?post=284"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_tag?post=284"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}