2020-10-03

Better-Scorll demo
做什么用的(该框架借鉴于i-scroll),用来进行做移动端的滚轮效果,可以在局部滚动,并且有弹簧效果
步骤 1.安装 2.导入 3.使用 为了避免第三方模块的不可预测性,一般还要对其进行封装解耦

npm install better-scroll
import BScroll from ‘better-scroll’
new BScroll(最外层的包裹元素,{
})
测试:在该局部区域,点击鼠标向上滑动,当你发现内容自动往上移动,上面的内容消失了,就说明使用成功了

  • 列表1
  • 列表2
  • 列表3
  • 列表4
  • 列表5
  • 列表6
  • 列表7
  • 列表8
  • 列表9
  • 列表10
  • 列表11
  • 列表12
  • 列表13
  • 列表14
  • 列表15
  • 列表16
  • 列表17
  • 列表18
  • 列表19
  • 列表20
  • 列表21
  • 列表22
  • 列表23
  • 列表24
  • 列表25
  • 列表26
  • 列表27
  • 列表28
  • 列表29
  • 列表30
  • 列表31
  • 列表32
  • 列表33
  • 列表34
  • 列表35
  • 列表36
  • 列表37
  • 列表38
  • 列表39
  • 列表40
  • 列表41
  • 列表42
  • 列表43
  • 列表44
  • 列表45
  • 列表46
  • 列表47
  • 列表48
  • 列表49
  • 列表50
  • 列表51
  • 列表52
  • 列表53
  • 列表54
  • 列表55
  • 列表56
  • 列表57
  • 列表58
  • 列表59
  • 列表60
  • 列表61
  • 列表62
  • 列表63
  • 列表64
  • 列表65
  • 列表66
  • 列表67
  • 列表68
  • 列表69
  • 列表70
  • 列表71
  • 列表72
  • 列表73
  • 列表74
  • 列表75
  • 列表76
  • 列表77
  • 列表78
  • 列表79
  • 列表80
  • 列表81
  • 列表82
  • 列表83
  • 列表84
  • 列表85
  • 列表86
  • 列表87
  • 列表88
  • 列表89
  • 列表90
  • 列表91
  • 列表92
  • 列表93
  • 列表94
  • 列表95
  • 列表96
  • 列表97
  • 列表98
  • 列表99
  • 列表100
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值