ScrollMagic を使用して、スクロールでいくつかのアニメーションを取得しています。問題は、スクロールのあるポイントでアニメーションがトリガーされるようにオフセットを使用する必要があることですが、ウィンドウの高さに完全に依存します。
だから私が提供した例では
https://jsfiddle.net/5tvrnfkx/12/
スクロールでボックスが出てくるのがわかります。https://tppr.me/RpkVa
ウィンドウの高さに注意してください https://tppr.me/hoyhs高さのサイズを変更するか、プレビュー パネルを実行してみてください。
したがって、426pxウィンドウの高さでは、完全に機能します。ボックスなしでページを開始し、スクロール時にアニメーション化します。
高さを上げてみてhttps://tppr.me/sYJ5aを確認すると、最初にボックスが表示されます。同様に、高さを減らすと、ボックスは数回スクロールした後にのみ表示されます。
したがって、オフセット値を動的にする方法があるかどうか疑問に思っていたので、どのウィンドウの高さでも、ページのスクロールとまったく同じポイントでアニメーションが開始されます。