Comments (2)
No problem! You can set an "id" on your input fields and use scrollTo and scroll to that Id
Or you can skip this lib and just focus that field.
something like this
var Scroll = require('react-scroll');
var scroller = Scroll.directScroller ;
// Somewhere else, even another file
scroller.scrollTo('firstName', {
duration: 1500,
delay: 100,
smooth: true
})
from react-scroll.
Great @fisshy! That worked great.
from react-scroll.
Related Issues (20)
- SEO issue? HOT 1
- It is not compatible with the latest Next.js. HOT 11
- element vs div id HOT 1
- React Scroll active wrong element
- How to scroll to section when it have image with dynamic height?
- Link is not scrolling correctly when containerElement has a border HOT 1
- Can Link component be given an href for the purposes of SEO? HOT 3
- My scroll not working from Footer to homepage HOT 2
- When "onClick" to close the menu is inserted, the menu does not scroll properly. HOT 1
- Add TypeScript Support to the Project HOT 2
- 'Link' cannot be used as a JSX component. HOT 11
- React Scroll is broken for newer versions of NextJs > 13.5 HOT 5
- scroller.scrollTo() is not working at all HOT 1
- Fail to update scroll listener in 1.9.0, due to wrong deduplication implementation HOT 2
- react-scroll.js target Element not found HOT 2
- ScrollSpy unable to reset or unmount
- outdated HOT 2
- Add Container: Prop to docs
- Not work with styled components
- Project abandoned?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-scroll.