JavaScript Event nach Scroll triggern (OHNE jQuery) - Grundlage für automatisch erscheinende Popups
Im heutigen Video stellen wir dir Beispiel-Code zur Verfügung, mit dem du ein JavaScript-Event auslösen kannst, sobald ein Besucher auf deiner Webseite bis zu einem bestimmten Punkt gescrollt ist. Damit lassen sich zahlreiche spannende Anwendungsfälle umsetzen, beispielsweise ein Popup, das erst dann erscheint, wenn jemand auf der Seite rund 20% nach unten gescrollt ist. Oder wenn er ganz am Footer ankommt. Oder oder oder.... ;-) ---------- Den Beispielcode kannst du dir hier herunterladen: https://gist.github.com/nextab/d2267e3043af4ff7053a94b7a5f407dd ---------- Besuche uns ebenfalls auf https://divi-tutorials.com, wo du all unsere Tutorials rund um WordPress und dem Divi Theme finden kannst. Unseren Stream findest du auf https://twitch.tv/nextab_de, indem wir dir 4 Tage die Woche mehr rund um die Themen Webdesign und Webentwicklung beibringen. Eine sich gegenseitig helfende Community findest du auf https://divi-tutorials.com/discord und Facebook https://www.facebook.com/groups/divitutorials. ---------- Timecodes: ---------- 0:00 - Wie das Event beim Scrollen aktiviert / getriggered werden soll 0:36 - So funktioniert der JavaScript Code ---------- Videovorschläge: ---------- WordPress: Popups OHNE PLUGINS erstellen und einpflegen: https://www.youtube.com/watch?v=JsSKREmfFuw ---------- Das Divi Theme*: https://divi-tutorials.com/divi_y Die Divi Cloud*: https://divi-tutorials.com/divi_cloud Unser Webhost*: https://divi-tutorials.com/all-inkl_y Konto für Selbständige*: https://divi-tutorials.com/kontist_y Unser Tipp für E-Mail-Marketing*: https://divi-tutorials.com/activecampaign_y ---------------- Die Musik im Clip stammt von Andrew Applepie, einem Berliner Künstler, den ihr hier unterstützen könnt: https://www.patreon.com/andrewapplepie/ Alle Links, die mit einem * vermerkt sind, sind Partner oder Affiliate-Links. Durch das Klicken dieser Links unterstützt du uns und ggfs. bekommen wir einen geringen Anteil, wenn du ein Produkt oder Dienstleistung kaufst. Bei dir fallen keine Extrakosten an. In Manchen Fällen gibt es sogar einen Rabatt!
Im heutigen Video stellen wir dir Beispiel-Code zur Verfügung, mit dem du ein JavaScript-Event auslösen kannst, sobald ein Besucher auf deiner Webseite bis zu einem bestimmten Punkt gescrollt ist. Damit lassen sich zahlreiche spannende Anwendungsfälle umsetzen, beispielsweise ein Popup, das erst dann erscheint, wenn jemand auf der Seite rund 20% nach unten gescrollt ist. Oder wenn er ganz am Footer ankommt. Oder oder oder.... ;-) ---------- Den Beispielcode kannst du dir hier herunterladen: https://gist.github.com/nextab/d2267e3043af4ff7053a94b7a5f407dd ---------- Besuche uns ebenfalls auf https://divi-tutorials.com, wo du all unsere Tutorials rund um WordPress und dem Divi Theme finden kannst. Unseren Stream findest du auf https://twitch.tv/nextab_de, indem wir dir 4 Tage die Woche mehr rund um die Themen Webdesign und Webentwicklung beibringen. Eine sich gegenseitig helfende Community findest du auf https://divi-tutorials.com/discord und Facebook https://www.facebook.com/groups/divitutorials. ---------- Timecodes: ---------- 0:00 - Wie das Event beim Scrollen aktiviert / getriggered werden soll 0:36 - So funktioniert der JavaScript Code ---------- Videovorschläge: ---------- WordPress: Popups OHNE PLUGINS erstellen und einpflegen: https://www.youtube.com/watch?v=JsSKREmfFuw ---------- Das Divi Theme*: https://divi-tutorials.com/divi_y Die Divi Cloud*: https://divi-tutorials.com/divi_cloud Unser Webhost*: https://divi-tutorials.com/all-inkl_y Konto für Selbständige*: https://divi-tutorials.com/kontist_y Unser Tipp für E-Mail-Marketing*: https://divi-tutorials.com/activecampaign_y ---------------- Die Musik im Clip stammt von Andrew Applepie, einem Berliner Künstler, den ihr hier unterstützen könnt: https://www.patreon.com/andrewapplepie/ Alle Links, die mit einem * vermerkt sind, sind Partner oder Affiliate-Links. Durch das Klicken dieser Links unterstützt du uns und ggfs. bekommen wir einen geringen Anteil, wenn du ein Produkt oder Dienstleistung kaufst. Bei dir fallen keine Extrakosten an. In Manchen Fällen gibt es sogar einen Rabatt!