2017-10-10 6 views
2

私はスクロール機能に応じていくつかのdivをビューにスライドさせようとしていますし、ページをスクロールしてボタンクリックの特定のポイントまでスクロールさせてしまいました。または、jQueryを使用するだけですか?私はjQueryでそれを行う方法の良いアイデアを持っていますが、かなり新しく反応します。どんな助けでも大歓迎です。ReactはjQueryのようなスクロールアニメーションを持っていますか?

+0

いいえスクロールを処理するためにReactに組み込まれているものはありません。 [それに役立つたくさんのパッケージがあります](https://www.npmjs.com/package/react-scroll)、おそらく実装が簡単であるため、jQueryを使用する前にそれらをチェックしておくとよいでしょう。 –

答えて

2

いいえ、それはありません。

ただし、scrollIntoView apiのネイティブネームを使用すると、簡単に処理できるようにオプション{ behavior: 'smooth' }を使用できます。それは古いブラウザではうまくいきませんので、IE9 +などをサポートするにはthis polyfillをチェックしてください。

+0

ありがとう!私は最終的にこれを実現させる方法を考え出しました。何らかの理由で、index.jsメインの親コンポーネントのrender関数に呼び出されたすべてのコンポーネントが、idを受け付けない(コンソールの要素タブに表示されない)ため、問題が発生していました。私はスクロールしたいすべてのコンポーネントの周りにdivを追加し、それらにIDを与えて、完璧に機能しました! – jcs1977

1

リアクションはjQueryのようなUIライブラリではないので、反応するものは何もありません。 antdまたは素材UIなどのスムーズなスクロールのためにライブラリを使用することもできます.jQueryを使用することもできます。

1

Reactは、再利用可能なユーザーインターフェイスを構築するための単なるライブラリです。フレームワークではないため、アニメーション、フォーム検証などの組み込み機能は提供されません。

本質的に、ビューの効率的なレンダリングに役立ちます。あなたのアプリケーションの残りの部分を作るためにあなた自身のツールを選ぶことはあなた次第です。あなたは、あなたが探していることをするのに役立つカスタムパッケージを見つけることができます。

Reactが既にDOMを処理しているので、jQueryをReactで使用しません。実際、Reactは、特にES6が登場して以来、言語が大幅に改善されているため、バニラJavaScriptの使用を推奨しています。 Web APIには、あなたの人生を楽にする多くの新機能があります。一部のブラウザではまだすべてのブラウザで完全にサポートされていない場合もありますが、ポリフィルを使用して機能させることができます。

関連する問題