python (65.1k questions)

javascript (44.2k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (12.9k questions)

Questions - js-scrollintoview

ref scrollIntoView does not work with behavior smooth on react

I am creating a component that will hold a dynamic list of elements and for styling reasons, I need to keep the title for each section in a sticky nav menu. As the user scrolls up and down the list of...
test-img

Gareth Townsend

reactjs

react-ref

js-scrollintoview

react-usememo

react-scroll

Votes: 0

Answers: 2

Latest Answer

Curiously, scrollIntoView() doesn't work when called synchronously, but in my case, putting it into a setImmediate() worked fine: const scrollToMenu = (ref) => { setImmediate(() => ref.curre...
test-img

Jthorpe

Active object of the mapped array show center in scroll items react

I have mapped my data into timetable and showed them date wise (30 days) in horizontal scroll. I have set current date data as active element. But when the date is far like 22nd position and the view ...
test-img

Atiq Israk

reactjs

js-scrollintoview

Votes: 0

Answers: 1

Latest Answer

If you don't need to save the reference for each of the elements in the map you can try adding a ref only for the element you want the function scrollIntoView do its thing. Something like: ref={curren...
test-img

noobprogrammer

React: scrollIntoView not working following by dependency of useEffect

I have got a dependency imageNo in useEffect() as I want the element to go up when it's being hidden, but scrollIntoView() does not work properly whenever imageNo changes, but it works when clicking a...
test-img

Uhney

reactjs

use-effect

js-scrollintoview

Votes: 0

Answers: 1

Latest Answer

I couldn't see where the imageNo is coming from? If it is just a normal javascript variable then it wouldn't trigger re-render even after putting it inside the useEffect's dependencies array. If you w...
test-img

Shubham Kumar Singh

scrollIntoView() doesn't scroll anywhere

I can't get Element.scrollIntoView() to work. I have the code below. There are two locations that it should scroll to, depending on some variable. However, it doesn't scroll to either of them. What am...
test-img

Nick

javascript

js-scrollintoview

Votes: 0

Answers: 2

Latest Answer

After setting a time delay it worked: scrollToMyRef = (id) => { var ref = document.getElementById(id); setTimeout(function () { ref.scrollIntoView({ behavior: ...
test-img

Nick

Posts

Questions

Blogs

Jobs