使用 bigger-move-h="end" 当增加项的高度和超过当前高度，再增加节点会导致抖动

Question

使用 bigger-move-h="end" 当增加项的高度和超过当前高度，再增加节点会导致抖动

unbrain opened this issue 5 years ago · comments

Mars commented 5 years ago

唐道海 · Answer 1 · Sun Apr 21 2019 20:28:53 GMT+0800 (China Standard Time)

@unbrain 可以贴一个能重现问题的项目地址吗？或者提供一个动图展现一下问题谢谢。

Mars · Answer 2 · Tue Apr 30 2019 19:58:21 GMT+0800 (China Standard Time)

预览
demo 代码
请您注意当前 top 达到 718 前后增加条目的区别（ 718 后开始抖动了）, 区域高设置的是 700 .您可以试一下如果是高 800 应该的 top 超过 800 就会抖动
demo 几乎是您的源码
修改的地方就是 bigger-move-h="end"
其他就是对 li 的 fontsize 与 margin 修改过

感谢你的回复

唐道海 · Answer 3 · Tue May 07 2019 15:50:36 GMT+0800 (China Standard Time)

@unbrain 了解到了，谢谢反馈！

唐道海 · Answer 4 · Mon Nov 25 2019 23:24:23 GMT+0800 (China Standard Time)

sorry, 到现在才回复(很多原因...这里就不找借口了...没有将支持开源放到第一位, 罪过罪过...)。
对于demo中到表现的现象,我已经get到了.
这里先说下为什么会有这样的表现:

因为新的元素是在最底部增加的,当新元素渲染完毕后($nextTick), 因为bigger-move-h="end"滚动条会紧接着拉到最下面, 这里scroll因为不能使用transition属性(scroll是js属性), 所以在表现上显的特别生硬。

当然这里可以借鉴 jQuery animate 中实现的效果(利用动画). 我会衡量一下利弊，可能会在 vue-next(3.0)中去添加这个选项。

Mars · Answer 5 · Wed Jan 08 2020 11:22:57 GMT+0800 (China Standard Time)

get 了感谢😎 唐道海 <notifications@github.com> 于2019年11月25日周一下午11:24写道：

…

sorry, 到现在才回复(很多原因...这里就不找借口了...没有将支持开源放到第一位, 罪过罪过...)。对于demo中到表现的现象,我已经get到了. 这里先说下为什么会有这样的表现: 因为新的元素是在最底部增加的,当新元素渲染完毕后($nextTick), 因为bigger-move-h="end"滚动条会紧接着拉到最下面, 这里scroll因为不能使用transition属性(scroll是js属性), 所以在表现上显的特别生硬。当然这里可以借鉴 jQuery animate 中实现的效果(利用动画). 我会衡量一下利弊，可能会在 vue-next(3.0)中去添加这个选项。 — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#36?email_source=notifications&email_token=AGO6DM773LCCIZFN23ZJ63DQVPU2PA5CNFSM4HHBQ6TKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEFCYJRQ#issuecomment-558204102>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AGO6DM7OGNQ2ETC5CNCN7DTQVPU2PANCNFSM4HHBQ6TA> .