gitfr33 / number-swiper Goto Github PK

jfrohn at StackOverflow had a solution to the problem I was having while repurposing your number swiper.

I use it with a single column and numbers that go 0-100, 99-1, 0, 1-99, 100-0 just to get the data-value for my use. The problem I would have happens when I reach the end of the list. When I get to the top or bottom, the page jumps down like 1000px. I found out this happens when the .scrollIntoView() method is called. You can change one line in your js file and get a cool new effect and no more problems at all.

Try this out:
if (number.target.classList.contains('last-zero')) { console.log('we reached the end re-center the column'); NS.el.querySelector('#center-' + column).**scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' })**; console.log(NS.el.querySelector('#center-' + column)) }

Just change NS.el.querySelector('#center-' + column).scrollIntoView()
to NS.el.querySelector('#center-' + column).scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' })