2017-10-10 48 views
2

我試圖讓一些div滑動到視圖中,具體取決於滾動功能,並將頁面向下滾動到按鈕單擊中的某些點,並想知道React是否具有一些內置功能?或者,我應該只使用jQuery來做到這一點?我對如何在jQuery中做到這一點有個很好的想法,但對於做出反應還是比較新的。任何幫助將不勝感激。React是否有像jQuery一樣的動畫效果?

+0

不,沒有任何內容預處理到React中用於處理滾動。 [雖然有大量的軟件包可以幫助你](https://www.npmjs.com/package/react-scroll),但在使用jQuery之前,你可能需要首先檢查這些軟件包,因爲它可能會更容易實現。 –

回答

2

不,它不。

但是,您可以使用原生scrollIntoView api和選項{ behavior: 'smooth' }輕鬆完成。請注意,它不適用於舊瀏覽器,因此請檢查this polyfill以支持IE9 +和其他瀏覽器。

+0

謝謝!我終於想出瞭如何實現這一點,它的工作原理非常棒!我遇到了問題,因爲出於某種原因,我在我的index.js主父組件中調用了我的渲染函數的所有組件都不會接受一個id(它在控制檯的元素選項卡中不可見)。我在我想要滾動的所有組件中添加了div,並給了它們id,並且它非常完美! – jcs1977

1

不,沒有什麼反應,因爲反應不是像jQuery這樣的UI庫。你可以使用一些庫來平滑滾動,如antd素材UI,你甚至可以使用jQuery。

1

React只是一個構建可重用用戶界面的庫。它不是一個框架,所以它不會爲您提供諸如動畫,表單驗證等內置功能。

本質上,它可以幫助您高效地呈現視圖。您可以選擇自己的工具來製作其他應用程序。你可能會發現自定義的軟件包,可以幫助你做你正在尋找的東西。

我不會在React中使用jQuery,因爲React已經爲您處理了DOM。事實上,React鼓勵使用vanilla JavaScript,因爲語言已經有了很大的改進,尤其是在ES6出現以後。 Web API中有許多新功能可以讓您的生活更輕鬆。雖然有些可能尚未得到所有瀏覽器的全面支持,但您可以使用polyfill來使其工作。