jQuery scroll to a specific index number

Question

I want to scroll to a specific index number in a list of child elements.

What is the simplest and effective way to do this.

The only restrictions are where the index is a number from 0 to n-1. And I retrieve index from $(this).index(); when the item was clicked and saved to scroll again at some other point in time like in a memory game.

I was thinking something like this but more eloquent:

   $("child:nth-child(" + index + ")").scroll();

<parent>
 <child/>
 <child/>
 <child/>
...
 <child/> <!-- nth child-->
</parent>

It doesn't work on all mobile devices running jQuery mobile 1.3.2. But I'll give it a try. At least for some mobile devices. But desktop browsers it does work. — RetroCoder
– RetroCoder, Commented Sep 17, 2014 at 19:00
Never mind again. I was in debug mode but it doesn't work for my case specific iphone devices in 1.3.2. darn. — RetroCoder
– RetroCoder, Commented Sep 17, 2014 at 19:29

Kushal · Accepted Answer · 2019-11-27 01:50:18Z

1

I know this question is very old one. Maybe this answer will help someone.

let index = 3; // find index for the li tag
var rows = document.querySelectorAll('ul#list li');
rows[index].scrollIntoView({
   behavior: 'smooth',
   block: 'start'
});

answered Nov 27, 2019 at 1:50

Kushal

2,8324 gold badges24 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery scroll to a specific index number

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related