Akryum / vue-virtual-scroller

⚡️ Blazing fast scrolling for any amount of data
https://vue-virtual-scroller-demo.netlify.app
9.36k stars 896 forks source link

Solution that scrolls to the bottom without flashing #763

Open good-ideal opened 1 year ago

good-ideal commented 1 year ago

Clear and concise description of the problem

I recommend this warehouse to you This is a case https://vue3-virtual-scroll-list-examples-xi.vercel.app/#/ It can be very helpful in my work 🤩

Suggested solution

Same as above

Alternative

No response

Additional context

No response

Validations

good-ideal commented 1 year ago

Repository https://github.com/reactjser/vue3-virtual-scroll-list

dragos-boisteanu commented 1 year ago

I am having a similar scroll problem. When I render the list first time and call this.$refs.dynamicScrollerRef.scrollToBottom(). It firstly renders the scroll at top and them scrolls to bottom instead of rendering the list with the scroll already at bottom.

I am calling this.$refs.dynamicScrollerRef.scrollToBottom() after I add all the items in the list.

good-ideal commented 1 year ago

我有一个类似的滚动问题。当我第一次渲染列表并调用 this.$refs.dynamicScrollerRef.scrollToBottom() 时。它首先将滚动呈现在顶部,然后滚动到底部,而不是呈现滚动已经在底部的列表。

在添加列表中的所有项目后,我正在调用 this.$refs.dynamicScrollerRef.scrollToBottom() 。

Yes, I also encountered this problem, but I have solved it. You can view the repository I sent above. It helps me solve this problem ezgif-5-8bf51db8d3

dragos-boisteanu commented 1 year ago

I don't intend to use another library. Could you isolate the code that should fix the scrolling problem ?

eshengsky commented 12 months ago

Any progress?