Animate scroll to index

[acollazomayer]

Hi i want to make the scroll smoother when I do scroll to index. How can i achive this

[acollazomayer]

nvm i already modified the library to do so

[Kadajett]

Maybe submit a PR?

[acollazomayer]

@Kadajett of course, if you need so I will make a PR, i just overide the default scrollTo method. I will add a new prop to enable smooth scroll.

[gjunkie]

Any updates on this?

[riccio82]

Any updates?

[ramneekhanda]

Use the following

VirtualList.prototype.scrollTo = function (value) {
  console.log(value)
  function scrollTo(element, direction, to, duration) {
    if (duration <= 0) return;
    const difference = to - element[direction];
    const perTick = difference / duration * 10;
    setTimeout(function () {
      element[direction] = element[direction] + perTick;
      if (element[direction] === to) return;
      scrollTo(element, direction, to, duration - 10);
    }, 10);
  }
  const scrollDirection = this.props.scrollDirection === void 0 ? 'vertical' : this.props.scrollDirection;
  if (scrollDirection === 'vertical') {
    scrollTo(this.rootNode, 'scrollTop', value, 200);
  } else scrollTo(this.rootNode, 'scrollLeft', value, 200);
};

[riccio82]

Thanks @ramneekhanda ! Nice trick!

[dmitriypereverza]

Or just

VirtualList.prototype.scrollTo = function (value) {
  this.rootNode.scrollTo({ top: value, behavior: 'smooth' });
};

for vertical scroll