vuejs学习与总结——Better-Scroll的使用

最新推荐文章于 2023-05-28 11:28:32 发布

原来是小柒

最新推荐文章于 2023-05-28 11:28:32 发布

阅读量227

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_42711899/article/details/106130090

版权

概述

最近在使用vuejs开发一个项目时，需要对所展示的内容进行滚动，发现原生的谷一激动当我们将项目适配到手机上会出现卡顿的现象。上网查阅了资料，发现有一个比较好的解决方法，那就是使用——better-scroll

基本使用过程

在我们需要使用时，必须安装此插件
在这里插入图片描述
安装成功后，我们就可以进行使用了。
下面举个例子来具体的认识一下better-scroll的具体用法：

引入文件

<script src="./bscroll.js"></script>

应用完成后后，创建一个BScroll的对象，第一个参数：传入我们所需要管理的url,在此我们需要进行管理的是content，需要注意的是：content必须有一个固定的高度。

const bscroll = new BScroll(document.querySelector('.content'),{
   
}

进行一些额外的操作

 const bscroll = new BScroll(document.querySelector('.content'),{
   
      //可以进行一些额外的操作
      //probetype:实时监听
      // :0,1不实时的侦测；
      // 2:实时的侦测
      //3.只要是滚动，都侦测
      probetype:3,
      //当所监听的是按钮时，必须设置为true
      click:true,
      //上拉加载更多
      pullUpLoad:true

    })

<!DOCTYPE html>
<html lang="en">
<head>

最低0.47元/天解锁文章

原来是小柒

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vuejs学习与总结——Better-Scroll的使用

概述最近在使用vuejs开发一个项目时，需要对所展示的内容进行滚动，发现原生的谷一激动当我们将项目适配到手机上会出现卡顿的现象。上网查阅了资料，发现有一个比较好的解决方法，那就是使用——better-scroll基本使用过程在我们需要使用时，必须安装此插件安装成功后，我们就可以进行使用了。下面举个例子来具体的认识一下better-scroll的具体用法：引入文件<script src="./bscroll.js"></script>应用完成后后，创建一个B
复制链接

扫一扫