zoukankan      html  css  js  c++  java
  • vue 滚动插件BetterScroll属性事件

    当前版本

    "better-scroll": "^2.4.1",
    

    scroll事件
    滚动的实时坐标(与probeType属性有关)

    <script>
      import BetterScroll from 'better-scroll'
    
      export default {
        name: 'HelloWorld',
        mounted() {
          const bs = new BetterScroll('.hello', {
            probeType: 2
          })
    
          bs.on('scroll', (pos) => {
            console.log(pos);
          })
    
          bs.on('scrollEnd', () => {
            console.log("scrollEnd");
          })
        }
      }
    </script>
    

    probeType属性
    默认值:0
    可选值:1、2、3
    当 probeType 为 1 的时候,会非实时(屏幕滑动超过一定时间后)派发scroll 事件;
    当 probeType 为 2 的时候,会在屏幕滑动的过程中实时的派发 scroll 事件;
    当 probeType 为 3 的时候,不仅在屏幕滑动的过程中,而且在 momentum 滚动动画运行过程中实时派发 scroll 事件。
    如果没有设置该值,其默认值为 0,即不派发 scroll 事件

    image

  • 相关阅读:
    Web 开发基础之JavaScript
    WEB框架之-Django入门
    JQuery
    Web 开发基础之CSS
    Django simple_tag,filte,分页以及cookie和装饰器
    Django进阶之CSRF
    Django进阶之session
    继续Django
    VS Code快捷键
    前端:文件下载功能
  • 原文地址:https://www.cnblogs.com/zhangxuechao/p/15036558.html
Copyright © 2011-2022 走看看