首页 > TAG信息列表 > BScroll
Better-Scroll
简介 Better-Scroll是一款专注于滚动的插件当在浏览器端，由于ta的加持，还算顺畅但在移动端，没有了浏览器，就会出现卡顿的现象此插件就是解决这个问题，让滚动流畅，带来极致享受 使用（vue） 安装： npm install better-scroll --save 引入： import BScroll from 'better-scroll' 使用： <dibetter scroll
<script> import BScroll from 'better-scroll' method(){ new BScroll('container',{ scrollY: true }) } </script> #container display flex overflow hidden .left-container position absolute bottom 0 top 224px移动端div点击事件无效！！！
无效原因： 当元素被 better.scroll实例接管后， 里面的所有子元素元素的点击事件都会被阻止， 需要加上 配置第二个参数 {click： true } 统一由 BScroll这个实例分发点击事件！！！ this.fBS = new BScroll('wrapper', {probeType: 2, click: true}) // 第一个参数为包裹ul容项目中better-scroll的常用配置、插件介绍
文章目录 介绍最常见的应用场景是列表滚动滚动原理 安装全部安装按需安装（推荐） 插件使用插件常用插件pullUpobserve-domobserve-image 常用配置项clickprobeType 常用注意事项在vue中使用建议用ref属性绑定scroll对象 介绍 BetterScroll 是一款重点解决移动端（已支持 PCbetter-scroll
VScroll.vue 作为子组件（也可叫做公共组件）。这里用插槽。不用props .props 父传子传数据，子代VScroll拿到数据，但是VScorll里面的滚动内容确实不定。（数据不定最关键是样式不定也叫不统一）。于是用插槽，插槽：父组件直接传html结构。在外面处理好再传递进来给子组件展示。 props:子组件关于实现鼠标灵活滚动
在做主页的页面时，想实现鼠标左键，即可上下滑动的过程。因此，通过观看博客与资料，发现better-scroll是一个非常好用的插件。接下来，记录下做此功能的时候，实现到的一些学习。 BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（可以在GitHub上找到其资源），适用于滚动列表、选择