react-smooth-scroll-hook icon indicating copy to clipboard operation
react-smooth-scroll-hook copied to clipboard

有没有可以控制滚动时间的参数

Open LeiYao123 opened this issue 3 years ago • 3 comments

比如滚动到指定位置需要花多少时间?

LeiYao123 avatar Sep 01 '22 09:09 LeiYao123

比如滚动到指定位置需要花多少时间?

@LeiYao123

没有考虑提供该参数,可以通过 speed调整,speed是 1/60秒 滑行的距离

例如需求是 2s需要滚动1200px, 那么speed就相应传入 1200 / 2 / 60 = 10,即可实现需求

ron0115 avatar Sep 01 '22 10:09 ron0115

@ron0115 是的,用 speed 可以变相实现这种效果,但使用者需要计算滚动的距离(计算并不简单),源码里在滚动之前应该计算过了,故实现起来应该比较容易,也减少用户的使用成本 不知道我理解的对不对

另外可不可以提供滚动的动画函数,比如 ease-in 这样的

LeiYao123 avatar Sep 01 '22 10:09 LeiYao123

@ron0115 是的,用 speed 可以变相实现这种效果,但使用者需要计算滚动的距离(计算并不简单),源码里在滚动之前应该计算过了,故实现起来应该比较容易,也减少用户的使用成本 不知道我理解的对不对

另外可不可以提供滚动的动画函数,比如 ease-in 这样的

@LeiYao123 非常感谢你提出这个 idea, 增加一个 duration 的选项和 内置一些加速度曲线,目前可能没有时间,您可以考虑先自行 fork 并实现,也欢迎贡献源码,谢谢~

ron0115 avatar Sep 01 '22 11:09 ron0115