vue3-virtual-scroll-list
vue3-virtual-scroll-list copied to clipboard
reactjser
[NOT MAINTAINED]⚡️A vue3 component support big amount data list with high render performance and efficient.
请问chat聊天,如果新消息来时,当前滚动条在底部，他可以正常一直滚动到底部，但是有一种场景就是滚动条在中间或者在其他位置时（不在最下方），此时新消息来了，不让它滚动到最底部，我应该如何去做呢，我如何知道当前滚动条是否在最下方，或者说距离下方的有个阈值，只要是在触发了阈值就回馈到底部的方法。 我目前的办法是：使用了@scroll="scroll" @tobottom="onBottom" 这两个方法来进行工作，但是触底时onBottom比scroll先到来。 期待你的回复
[Vue warn]: Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking the component with `markRaw` or...
If it can help someone, I fixed it in the release dist file: ``` return createVNode( Tag, { key: uniqueKey, ref: rootRef, }, { default: function _default() { return [...
有一个消息列表用vue3-virtual-scroll-list实现的。img加载base64的图。有时候在发完图在发一个文案导致之前出来的图和改文案都没显示出来。  在滑动到底部增加了日志 log.info('setVirtualListToBottom', virtualListRef.value.getScrollSize(), virtualListRef.value.getSizes()) 元素变多了，但是getScrollSize变小了。导致后面2个元素没显示。 请问是设么原因。
https://github.com/reactjser/vue3-virtual-scroll-list/blob/1a60766cd0cd1702899925cafc93efa7f6da80b7/src/virtual-list.tsx#L256-L271 这里3ms不够，可能在渲染新数据完成前获取高度。 参考 [https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFrame](url) 一般情况每秒60次回调，就是17ms回调一次，设置成大于17ms的值才行。 页面比较卡的时候还是会有问题，以下写法更稳妥点: ```javascript const scrollToBottom = () => { if (shepherd.value) { requestAnimationFrame(() => { requestAnimationFrame(() => { scrollToOffset(shepherd.value[isHorizontal ? 'offsetLeft' : 'offsetTop']) }) }) }...
bug: scrollToBottom可能会导致无限循环执行，导致列表一直在底部无法向上拉 https://github.com/tangbc/vue-virtual-scroll-list/commit/feb2135437ee528b120542b67ed0eca9621767db ``` setTimeout(() => { if (this.getOffset() + this.getClientSize() < this.getScrollSize()) { this.scrollToBottom() } }, 3) ``` 应该改为 ``` setTimeout(() => { if (this.getOffset() + this.getClientSize() + 1...
If you have local data on the items, when they are scrolled away, then back into visibility, the data is lost.
I got this error in Nuxt3. Is it incompatible ``` TypeError: Cannot read properties of null (reading 'padFront') 02:43:04 at Proxy. (D:\BaiduSyncdisk\qingmo\vue3-virtual-scroll-list:1040:28) at renderComponentRoot (D:\BaiduSyncdisk\qingmo\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:906:44) at renderComponentSubTree (D:\BaiduSyncdisk\qingmo\node_modules\@vue\server-renderer\dist\server-renderer.cjs.js:719:51) at renderComponentVNode...
