私は現在のテンプレートを持っています:
<div id="top">
...
</div>
コンポーネントには、次の方法があります。
onTripSave() {
let top = document.getElementById('top');
if (top !== null) {
top.scrollIntoView();
top = null;
}
}
このメソッドは、正しく機能する保存の終了後に上にスクロールします。上にスクロールするだけでなく、そのスクロールのアニメーションを作成するには、scrollIntoViewが必要です。私はrxjs6を使用しているので、パイプ付きのコードが必要であることに注意してください。
私は角度のあるアニメーションを使用することを好みますが、今のところ、次のjqueryソリューションを使用しています。
$("html, body").animate({ scrollTop: 0 }, "slow");
私は次の解決策を見つけましたが、それは有効なrxjs6コードではありません:Angular4-スクロールアニメーション
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加