better-scroll滚动原理是通过改变translatey来实现的？

来源：6-14 music-list 组件开发（7）

前端沙雕

2021-10-16

better-scroll滚动原理是通过改变translatey来实现的，屏蔽了原生的滚动overflow auto吗？当我在父级wrapper加上overflow hidden的时候，是无法jianting到是滚动事件的，老师jianting滚动是通过mouse事件来监听的吗？然后获取到移动了多少距离，最后设置translatey的吗？

写回答

1回答

ustbhuangyi

2021-10-16

BS 的滚动原理参考：https://better-scroll.github.io/docs/zh-CN/guide/#%E6%BB%9A%E5%8A%A8%E5%8E%9F%E7%90%86

内部在使用 Transition 的情况下是通过修改 DOM 的 translate 值来实现模拟滚动的。

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程

相似问题

老师我自己写了一个better-scroll，我只想滚动中间的一个组件（这个组件放List）,但是连用同父组件一起滚动了是怎么回事？？

回答 1

better-scroll怎么实现下拉刷新

回答 1

better-scroll的刷新时机

回答 1

可以解释一下better-scroll的 probeType属性吗？看了文档还是不太理解。还有截流是什么意思？

回答 1

老师，列表页垂直滚动的实现没有用 overflowY：scroll方式，而是使用better-scroll，是要练习一下这个插件，还是有别的特殊原因？

回答 1

打开慕课网App查看更多内容