2017-11-16 6 views
0

反応アプリケーションで要素がスクロールされたときのアニメーションをいくつか作成しようとしています。私はいくつかの反応スクロールパッケージを使用しようとしましたが、アニメーションをすべて同じ親コンポーネントからマップされた子コンポーネントに適用したいので、必要な結果が得られません(したがって、最初の子コンポーネントがスクロールされます)。更新時にページの先頭にスクロールする

これを回避するには、各コンポーネントの現在のスクロール位置と個々の位置を取得することを考えていましたが、これを正しく行う方法が不明確です。子コンポーネントの場合は、onScrollイベントが呼び出されたときに関数を呼び出すだけですか?または、代わりにjsxのようなものを使用して、これらのさまざまなウィンドウ位置を取得し、DOMが適切な場所に更新されたときにいくつかの評価と機能を実行する必要がありますか?

ありがとうございました。私は数日を費やして答えを探しましたが、別のウィンドウや要素のイベントやプロパティを呼び出す方法や、それらを比較する方法についてちょっと固執していると思います。理想的には、平らなで、スクロールアニメーションのための簡単なソリューションです。

+0

反応し、ウェイポイント役に立たないしていますか? – Andrew

+0

ありがとう@Andrew、私はちょうど一見をした、あなたは正しい、私はそれが私が必要とするだろうと思う! – Jimmy

+0

あなたは単に 'window.scrollTop(0)'を使うことができます。 – Umesh

答えて

1

Easy!ただ、準備ができてDOMにscrollTopスプライト方法でそれを行う:

$(document).ready(function(){ 
    $(this).scrollTop(0); 
}); 

あなたはまた、ちょうどこのようにそれを行うことができます。

$(document).scrollTop(0); 
関連する問題