問題タブ [animate-on-scroll]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - AOS カスタム イベントをトリガーした要素を取得する
最新の Animate On Scroll ライブラリ ( https://github.com/michalsnik/aos ) を使用して、ビューポートに入ったときにカスタム イベントをトリガーする要素がいくつかあります。
https://codepen.io/anon/pen/vMGQEb
HTML:
JS:
CSS:
fooこの単純なスクリプトは、要素がビューポートに入ったときに要素を赤くペイントすることになっています。Edge と IE を除いて、どこでも問題なく動作します。私が知る限りe.detail、DOM要素は返されませんが、何をすべきかわからないオブジェクトがあります。
何か案は？
angular7 - ルーター アウトレットの animate-on-scroll が機能しない理由とその修正方法を教えてください。
angular7 フロントエンド内でスクロールのアニメーションを動作させようとしていますが、ルーター アウトレット内では動作しません。これは、スクロールに関する多くの関連する質問で示唆されているように、角度がルーターアウトレット内のスクロール位置を処理する方法に関係していると思います。
私の質問: ルーター アウトレット内で意図した動作を実現するにはどうすればよいですか? これは可能ですか？問題が発生する理由について誰かが説明していますか?
具体的には、スクロールによって到達したら、いくつかの div で animations.css から zoomIn アニメーションを適用したいと思います。これを機能させるために、divがルーターアウトレット内に配置されるまで、うまく機能するパッケージ「ng2-animate-on-scroll」を使用しています。
私のapp.component.htmlで：
ルーター アウトレットの上の app.component.html 内にいくつかの div を配置すると、スクロールのアニメーションが表示され、期待どおりに動作します。ただし、router-outlet 以下のすべてはアニメーション化されません。
助言がありますか？