Wie man die Höhe des Editors dynamisch steuert, um umstÀndliches Scrollen zu vermeiden
Versuche, mit 'VH' statt 'PX' zu arbeiten. Zum Beispiel: Geben Sie dem Editor 'Height: '80VH'', Ihre Navbar 'Height: '20VH''. So wird der vertikale Scroll niemals angezeigt oder benötigt, solange die Summe aller Elemente 'VH' 100 †Ich hoffe, das hilft.
Lesen Sie die vollstĂ€ndige Antwort unten âFrage
Ich habe bemerkt, dass wenn ich in der Initialisierungsfunktion eine Höhe einstelle, sie sich auf eine bestimmte Pixelmenge stĂŒtzt, z. B. Höhe: "500px". Wenn du jedoch versuchst, mit einem Prozentsatz zu setzen, z. B. Höhe: "90%", hat der Editor ĂŒberhaupt keine Höhe. AuĂerdem frage ich mich, was die Höhe einstellt, wenn nichts gesetzt ist, denn es scheint automatisch eine Pixelmenge zu berechnen, die die gesamte Seite einnimmt (z. B. 100%). Ich habe den Editor tatsĂ€chlich in eine Standard-Seitenvorlage im Backend unseres CMS eingebettet, und diese Seitenvorlage enthĂ€lt tatsĂ€chlich mehr Inhalt...
Antworten (4)
Versuche, mit 'VH' statt 'PX' zu arbeiten.
Zum Beispiel: Geben Sie dem Editor 'Height: '80VH'', Ihre Navbar 'Height: '20VH''. So wird der vertikale Scroll niemals angezeigt oder benötigt, solange die Summe aller Elemente 'VH' 100 â€
Ich hoffe, das hilft.
versuchen, mit 'VH' statt 'PX' zu arbeiten.
z.B.: Gib dem Editor 'Height: '80vh'' und deine Navbar 'Height: '20vh'' an. So wird der vertikale Scroll niemals angezeigt oder benötigt, solange die Summe aller Elemente 'VH' 100 â€
Ich hoffe, das hilft.
Danke, das ist hilfreich!
Das ist eher ein Layout-Problem und hat nichts mit dem GrapesJS-Editor selbst zu tun.
Danke, dass du das gemeldet hast, @samichamoun. Toller Vorschlag zu Wie man die Höhe des Editors dynamisch steuert, um umstÀndliches Scrollen zu vermeiden! Auch wenn diese spezielle Funktion noch nicht in der Kern-API enthalten ist, gibt es mehrere Möglichkeiten, Àhnliches Verhalten zu erreichen. V...
Verwandte Fragen und Antworten
FĂŒhre die Forschung mit Ă€hnlichen Themendiskussionen fort.
Problem #3269
Translating html string
Tolle Bibliothek! Es erfĂŒllt alle Anforderungen bis auf eine: die Ăbersetzung des Website-Textes. Ich habe ĂŒberall in der Issue-Warteschlan...
Problem #3128
Eine Komponente an der Position der Maus fallen lassen, auf die die Maus geklickt wird
Was versuchst du zu GrapesJS hinzuzufĂŒgen? Wenn eine Komponente abgeworfen wird, bleib an der Position, an der die Maus angeklickt wird. Be...
Problem #3496
Mark Component as Dirty
Was versuchst du zu GrapesJS hinzuzufĂŒgen? Die Komponente sollte sich als schmutzig markieren können, was die Warnmeldung "onbeforeunload"...
Problem #3654
Editor.setComponents(html) und pageManager.select(pageId) laden keine js-Skripte
Hallo, @artf Wie ich gelesen habe, erlaubt allowScripts:1, dass grapesjs Skripte laden. Wenn ich eine LandingPage zum ersten Mal lade, funk...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-SchlĂŒsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen fĂŒr kostenpflichtige Plugins...
ĂberprĂŒfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins âPremium-Plugins werden mit Support, regelmĂ€Ăigen Updates und produktionsreifen Funktionen geliefert â das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins âVerwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish â plugins, articles, community questions, guides, authors and services. Press âK from any page.
Tutorial
Wie man 2026 mit GrapesJS einen KI-gestĂŒtzten Page Builder erstellt
Was wir beim Bau von GJSDocs gelernt haben â von einfacher KI-Textgenerierung bis hin zu strukturiertem, kontextbewusstem visuellem Editing
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, ZeitplÀne, Funktionen und wie die Nutzung G
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.