欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

better-scroll 的介绍

发布时间:2025/5/22 编程问答 23 豆豆
生活随笔 收集整理的这篇文章主要介绍了 better-scroll 的介绍 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

  配置项中的 probeType 属性,是number,当值为 0 ,不会实时监听 scroll 事件,设置为 2 - 3 ,可以实时监听 scroll 事件

  pullUpload 选项,设置为 false ,不会开启上拉加载的功能,threshold:50 ,上拉多少像素

  当dom 结构发生变化的时候, bs.refresh() 实例的对象的方法

  为什么要用 refresh() ?

  在 new better-scroll 的时候,实例会计算 content 的高度,减去 wrapper 的高度,值是滚动的范围的,当 content 中元素增加的时候,滚动范围不变,那些新加的元素,就滚不出来,需要重新计算一下

  scrollTo(x,y,滚动时长,缓动函数) 

  on 监听实例的自定义事件

  bs.on('scroll',function(pos){

    console.log(pos)  // 代表滚动的位置

  })

  pullingUp 上拉加载 调用此方法,只会触发一次

  上拉加载一次,就不会第二次加载 需调用 finshpullup() 来进行,告诉 bs 数据加载完成,可以在加载

  使用 pullingUp 事件的前提是配置项中的 Pullupload 的属性为 true

  better-scroll 的实例,有个属性叫 scrollerHeight 就是他滚动的范围

  在 vue 中使用 better-scroll 中

  尽量不要将 bs 实例 赋值给一个变量,钩子函数调用完毕后,就是销毁这个变量,赋值给 data 中的一个属性,那个这个对象就会成为这个组件的属性

  我们在选项中,便可以动态的设置 better-scroll 的效果,通过 组件通信

转载于:https://www.cnblogs.com/shangjun6/p/11354840.html

《新程序员》:云原生和全面数字化实践50位技术专家共同创作,文字、视频、音频交互阅读

总结

以上是生活随笔为你收集整理的better-scroll 的介绍的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。