Event Probleme

  • Hallo,
    ich bin eigentlich Designer, und ich habe ein hartnäckiges Problem mit Events,
    und ich kriege es einfach nicht richtig hin.

    Nun zum Problem:
    Ich habe zwei Bibliotheken, für die Scroll-Funktion und für den Parallax-Effekt.
    Beide Bibliotheken wollen nicht miteinander arbeiten, so dass der Parallaxeneffekt nicht auftritt.
    Bei Größenänderung funktioniert es wieder für Sekunden.


    Vielleicht kann mir jemand bei meinem Problem helfen.
    In jedem Fall wäre ich dankbar für jeden Tipp.

    Hier ist mein Code:

  • Hallo Blickwinkelkanone!
    Danke erst einmal für die Hilfe!

    const scrollbar = Scrollbar.init(element, options);
    document.querySelector("body").setAttribute("scroller", true);

    Das sorgt ja erst einmal dafür, dass die Scrollbar initialisiert wird und dann erscheint.
    Er liegt am Event Bubbling. Der Parallax-Effect wird nicht mehr vollständig durchgereicht,

    sondern endet nach einer bestimmten Zeit.

    Grüße D-Jay


  • Nachtrag:

    Beim scroll-Event gibt es kein Event-Bubbling.

    Die beiden Bibliotheken stören sich deshalb gegenseitig beim scroll-Event.

    Ich habe lokomotive.js anstatt smoothScroll/SimpleParallax verwendet,

    weil es ähnliche Funktionien zur Verfügung stellt.
    Grüße D-Jay

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!