2017-01-05 6 views
1

Kann mir bitte jemand sagen, wie man die Bildlaufleiste mit einer Animation/einem GIF synchronisiert?Scrollbar mit einer Animation synchronisieren/gif

Ich will nicht das gif zu starten, wenn die Animation, wenn die Bildlaufleiste einen bestimmten Punkt erreicht, ich möchte es mit der Position der Seite synchron sein.

Nehmen Sie zum Beispiel die Faraday-Website für die Zukunft (https://www.ff.com/en/).

Danke!

ps sorry, wenn im meine Fragen schlecht Phrasierung, das ist mein erster Beitrag

+0

Sie müssen die Bildlaufposition überwachen und die relevanten Animationen auslösen, wenn die Seitenrollenposition die von Ihnen gesetzten Markierungen erreicht. Sie können dies mit Javascript tun. – dommmm

Antwort

1

Wenn durch "Animation/gif" Sie bedeuten "Animation oder gif", es hängt von der Animation wirklich. Überspringe alles und blicke schnell zum gelben Absatz.


Wenn das, was Sie gemeint "animated gif" war, sollte die normale Antwort auf Ihre Frage: "Sie können nicht".

Wie in ... .gif s sind nicht in der Weise steuerbar, in der sie eine API offen legen, an die Sie Befehle senden und ihnen sagen könnten, um Geschwindigkeit, Richtung zu ändern oder zu einem bestimmten Frame zu gehen. Es ist eine Datei, die der Browser mit einigen Parametern darstellt. Wenn Sie diese Parameter ändern oder überschreiben möchten, müssen Sie sie mit dem neuen Parametersatz neu laden.

Aber bevor ich meine Antwort einreichte, dachte ich, ich sollte überprüfen, ob das allgemein akzeptierte Paradigma von "animated gif" kürzlich nicht aktualisiert/geändert wurde, also habe ich etwas recherchiert (was ich glaube und getan haben könnte) Wenn Sie es getan haben, sollten Sie die Ressourcen in Ihrer Frage angegeben und verlinkt haben).

Offensichtlich, was Sie wollen, ist machbar, indem Sie ein <canvas> Element verwenden und die Schnittstelle zum Steuern der .gif selbst, in JavaScript codieren. These guys scheinen es geschafft zu haben. Der Code, der ihn steuert, wird jedoch minimiert und looks like this.

Es ist eindeutig nicht etwas, das jemand für Sie über eine Frage Stackoverflow Code würde, wie in How to Ask definiert:

... gute Antworten für dieses Format zu lang wären. Bitte fügen Sie Details hinzu, um die Antwortgruppe einzuschränken oder ein Problem zu isolieren, das in einigen Absätzen beantwortet werden kann.