Comments (5)
unbrain
commented on August 18, 2024
1
- 预览
- demo 代码
请您注意当前 top 达到 718 前后增加条目的区别（ 718 后开始抖动了）, 区域高设置的是 700 .您可以试一下如果是高 800 应该的 top 超过 800 就会抖动
demo 几乎是您的源码
修改的地方就是 bigger-move-h="end"
其他就是对 li 的 fontsize 与 margin 修改过
感谢你的回复
from vue-happy-scroll.
unbrain
commented on August 18, 2024
1
get 了 感谢😎
唐道海 <[email protected]> 于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>
.
from vue-happy-scroll.
tangdaohai
commented on August 18, 2024
@unbrain 可以贴一个能重现问题的项目地址吗？或者提供一个动图 展现一下问题 谢谢。
from vue-happy-scroll.
tangdaohai
commented on August 18, 2024
@unbrain 了解到了，谢谢反馈！
from vue-happy-scroll.
tangdaohai
commented on August 18, 2024
sorry, 到现在才回复(很多原因...这里就不找借口了...没有将支持开源放到第一位, 罪过 罪过...)。
对于demo中到表现的现象,我已经get到了.
这里先说下为什么会有这样的表现:
因为新的元素是在最底部增加的,当新元素渲染完毕后($nextTick), 因为
bigger-move-h="end"滚动条会紧接着拉到最下面, 这里scroll因为不能使用transition属性(scroll是js属性), 所以在表现上显的特别生硬。
当然这里可以借鉴 jQuery animate 中实现的效果(利用动画). 我会衡量一下利弊，可能会在 vue-next(3.0)中去添加这个选项。
from vue-happy-scroll.
Related Issues (20)
- 如何取消滚动条动画显示？ HOT 8
- 点击滚动 HOT 1
- 鼠标滚动触发横向滚动 HOT 1
- ie 11 原始滚动条没有隐藏 chrome 没有问题
- 滚动到一定距离出发事件 HOT 4
- 加上了resize无效 HOT 1
- 滚动内容区域始终很小 HOT 4
- .happy-scroll-container 高度不能动态自动计算的问题 HOT 2
- 既然是滚动条插件，为何没有滚动监听呢 HOT 4
- 关于vue-happy-scroll内部的东西是循环出来的问题 HOT 3
- 滚动到这就不能往下滚动了 自己有了内联样式 咋改都改不了 用了important 好像只能在一处用 但是我每次的高度都不同的呀 HOT 3
- 滚动条无法滚动到最底部? HOT 6
- 异步加载数据，滚动条不显示 HOT 10
- 使用element-ui的collapse组件时，有20像素被遮盖。
- 如何获取滚动条的translate值，即他y轴滚动条滑动的距离 HOT 7
- 关于滚动条自适应长度问题 HOT 6
- 动态绑定的数据会导致滚动条会无法滚动到最低端，无法触发滚动条触底事件 HOT 4
- vue3 + element-plus warn Failed to resolve component: happy-scrolly HOT 1
- 滚动条背景色 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-happy-scroll.