better-scroll在Pad中点击事件失效问题

文档链接地址:

better-scroll github basic docs:https://github.com/ustbhuangyi/better-scroll/blob/master/README_zh-CN.md

better-scroll 1.x docs:https://better-scroll.github.io/docs-v1/#/zh

better-scroll 2.x docs:https://better-scroll.github.io/docs/zh-CN/

 

背景:

公司需要在Pad上的内部App中嵌入一个Pc端的项目。那么滑动的滚动条采用的就是better-scroll。

 

问题:

滚动条渲染成功,滚动主体可以使用手指滑动。但是凡是在此滚动条主体内部的dom的点击事件全部失效。

 

解决方案

查询better-scroll文档,才发现如下描述:

  click

  • 类型:boolean
  • 默认值:false
  • 作用:BetterScroll 默认会阻止浏览器的原生 click 事件。当设置为 true,BetterScroll 会派发一个 click 事件,我们会给派发的 event 参数加一个私有属性 _constructed,值为 true。

更改后果然生效了

let scroll = new BScroll('.wrapper',{
    scrollY: true,
    click: true
})

 

posted @ 2021-08-31 18:02  王维璋  阅读(163)  评论(0编辑  收藏  举报