question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Animation jerks when returning to the feed

See original GitHub issue

Hello.

Apologies in advance for my english.

In general, the problem is this… If you scroll the feed from the very beginning, then everything works perfectly, absolutely smooth scrolling. BUT if you scroll through a few pages, enter one of the posts, and then return to the feed and restore the scroll position, terrible glitches begin, the feed jumps up and down almost every scroll.

I restore the position using “scrollInto”:

scrollTo(id: number) { this.virtualScroller.scrollInto( this.items.find((e) => e.id === id), undefined, -50, 0 ); }

Demo is unrealistic, the project is huge and completely decomposed. Therefore, I am attaching a video for clarity.

https://user-images.githubusercontent.com/20419104/103216605-83e04f80-4927-11eb-8761-e59b863e1a27.mp4

Help me please.

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:11

github_iconTop GitHub Comments

1reaction
Jugst3rcommented, May 30, 2022

Hi @Uchit-Patel, I’ll see if I can find the fix I did a year ago and come back to you shortly (tonight or tomorrow)

0reactions
Uchit-Patelcommented, Jun 3, 2022

Hey @rintoj , There should be an option to toggle this behavior for those who are not lazy loading the entire list. for those who are not appending or prepending items the solution I gave will solve the scrolling issue. what do you think? should i raise an PR for this?

Read more comments on GitHub >

github_iconTop Results From Across the Web

css3 slide up, jerky animation of the content under it
If its too slow, it will look jerky. The speed of your animation looks perfect however, and I didn't experience any issues.
Read more >
Jerky scrolling in multiple apps. - OnePlus Community
I've started to notice that when in a lot of apps, scrolling isn't very pleasant. It's jerky. Not very smooth at all. Facebook...
Read more >
Fixing common performance problems in React Navigation
With this fix, the animation doesn't jerk anymore – wonderful! Well, almost. Unfortunately, fixing this issue causes deeplinks to break – not so...
Read more >
Character animation jerks when moving - Unity Answers
On the left - animation of a stationary object, on the right - in motion. The animation starts to twitch just from the...
Read more >
remove sudden upward & downward jerk from camera
Also, when the player comes down, there's a downward jerk in Camera. ... if (!target) return; // Calculate the current rotation angles float...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found