Questions tagged [react-scroll]
76 questions
1
vote
1 answer
React-scroll stopped working after turning a nodejs project into a yarn project
I have a project that I originally built with node.js, however I switched it over to yarn. Everything works, except for the react-scroll. I have uninstalled and reinstalled it and verified that it is still in package.json. Anyone else ran into this…
noah tanner
- 11
- 4
1
vote
1 answer
Why is React Router Link taking too long to scroll when clicked on?
I'm using the function in React for my Nav bar, and when the user clicks on one, it should automatically scroll to a certain part of the page. My code does this, but there's about a 1.5 second delay before it actually performs the action. How can I…
Sami
- 69
- 5
1
vote
0 answers
react-scroll library registers unnecessary window properties
When using the React scroll library available here https://www.npmjs.com/package/react-scroll, there is a strange behaviour which introduces potential bugs and for which I haven't find a plausible solution yet.
Here is the complete code for…
Ivica Pesovski
- 827
- 7
- 29
1
vote
0 answers
React-Reveal breaks in combination with React-Scroll
I am working on a portfolio site with React.js as a self-learning project for my software engineering course. My goal is to make a heavily animated portfolio site.
I am currently experiencing a bug where the entire page freezes up for a bit when…
Mitchell Conrad
- 49
- 1
- 4
1
vote
4 answers
React-Scroll - Link not working - appears as empty tag in html
UPDATE 2: Solved. It was due to poor styling. I have a background div in my app that I had set overflow: auto; and it was stopping react-scroll from working. It wasn't even needed. I deleted it and it fixed the problem.
UPDATE: I thought it a good…
Alex Pritchard
- 13
- 1
- 4
1
vote
1 answer
Scrolling horizontal menu while scrolling in React JS app
I’m dealing with problem with horizontal menu in my React JS application.
I use react-scroll for smooth scroll and scroll spy, so the menu links are highlighted when encountering the section.
Everything works fine, but I need to move the menu in the…
DavidKv
- 35
- 4
1
vote
1 answer
how to resolve overload errors in reactjs
import React from 'react'
import { Link } from 'react-scroll'
import "./Protocol.css"
import { ANALYTICS, TRADE, USERS, TRADERS, VOTES, ZEROES } from "../../Constants"
const Protocol = () => {
return (
mohan A
- 65
- 2
- 10
1
vote
1 answer
scroll to section in nextjs
import { Container } from "@material-ui/core";
import Image from "next/image";
import classes from './FeaturedProductHeader.module.scss'
import { IconButton } from "@material-ui/core";
import CloseIcon from '@material-ui/icons/Close';
import React,…
MarkoC
- 11
- 5
1
vote
1 answer
React custom scrolling with ArrowKeys
I would like to create a custom scrolling animation for my comic viewer. I have recreated the sample code in a codesandbox: https://codesandbox.io/s/hardcore-microservice-kfe1q
The problem I'm facing is, that the scrolling animation starts to "lag".…
Aesir9
- 36
- 4
1
vote
0 answers
Getting `This is "undefined"` in JS class's method using React Scroll Spy Nav (but the question is not in React ScrollSpy Nav)
I've been trying to resolve that error since yesterday, but still no luck. I'll explain briefly.
Expectations
I'm using React ScrollSpy Nav Library to implement active link highlighting feature on the webpage according to the currently scrolled…
Lorasia Andrikanych
- 78
- 8
1
vote
1 answer
How to highlight Nav Menu on scroll the component with react?
I want to highlight the nav menu when scrolling this component in react.
If the Navbar is "Home About Products"
When I will scroll in the about section, About nav menu will be active or highlight.
How can I do this in react and is there any npm…
noob_developer
- 183
- 3
- 11
1
vote
1 answer
React router navigation multipage and with react scroll
The thing I'm trying is a multipage react app where I can navigate between pages(like from the main route '/' to '/whitepape' or 'privacyPolicy'), but I have 4 different routes('/', 'services', 'features', 'contactUs') within the main route '/'…
Saicharan Pogul
- 89
- 2
- 11
1
vote
0 answers
Ctrl stops animated scroll midway while using react-scroll and disable-scroll
I am currently working on a website that is going to be having scrolling disabled while using a subset of properties on disableScroll(npm package)
disableScroll.on(
{},
{
authorizedInInputs: [32, 37, 38, 39, 40],
…
Aditya Rastogi
- 376
- 2
- 9
1
vote
1 answer
React How To Scroll To Particular Position
I'm trying to map the state array and add input fields after the user fill input and save on that time if any input is '' or null or if any field does not match as per pattern string then I want to scroll the page to that error field so user get…
Deep Patel
- 70
- 7
1
vote
2 answers
How to scroll to particular id component using ant-design steps
I am using ant design steps to make the video progress steps. I want to scroll to the particular video component which matches the step number. Like if I clicked to step 3 then Element with 3rd id should sroll and come at top. This is my code.
I…
Badal S
- 507
- 1
- 3
- 20