BetterScroll 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
BetterScroll 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 手机/移动开发
开发厂商
地区 国产
提 交 者 两味真火
适用人群 未知
收录时间 2017-10-11

软件简介

BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件,适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。

为了满足这些场景,它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置,让滚动更加流畅,同时还提供了很多 API 方法和事件,以便我们更快地实现滚动场景下的需求,如下拉刷新、上拉加载。

由于它基于原生 JavaScript 实现,不依赖任何框架,所以既可以原生 JavaScript 引用,也可以与目前前端 MVVM 框架结合使用,比如,其官网上的示例就是与 Vue 的结合。

详细示例点此观看

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (2)

加载中
感觉省份级联时下级出现太慢,是不是能改进,好像是要效果完成才取下级数据
2017/11/07 08:53
回复
举报
尽快提供vue插件吧
2017/10/12 19:27
回复
举报
更多评论
暂无内容
发表了博客
2018/08/07 17:23

better-scroll

vue之页面滚动,轮播图 better-scroll better-scroll 是一个移动端滚动的解决方案,它是基于 iscroll 的重写,它和 iscroll 的主要区别在这里。 better-scroll 也很强大,不仅可以做普通的滚动列表,还可以做轮播图、picker 等等。 常见html结构 <div class="wrapper">   <ul class="content">     <li>...</li> ...

0
0
发表了博客
2018/09/13 08:20

better-scroll

1、better-scroll是一款重点解决移动端各种滚动场景需求的插件,它的核心是借鉴iscroll的实现,它的api设计基本兼容iscroll 2、better-scroll是基于原生js实现的,不依赖任何框架/3、better-scroll 只滚动它(wrapper)下面的第一个子元素,其他元素会被忽略 子元素的高度大于父元素的高度 滚动原理/ 4、横滚 子元素的宽...

0
0
发表了博客
2019/12/26 12:39

better-scroll的使用

首先下载better-scroll插件,地址:https://github.com/ustbhuangyi/better-scroll (vue项目的话也可以通过npm install better-scroll --save安装) 引入bscroll.js 然后通过new BScroll调用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .wrapp...

0
0
发表了博客
2019/08/13 19:57

better-scroll 介绍

  碰到一个项目,应该遵守两大规则:     1. 不要让项目产生过多的第三方依赖     2. 增强组件的应用率   尽可能的将东西写在组件里面,尽可能的将数据写活,通过组件通信来进行数据转换,用到的依赖处理,我们可以通过先处理,在让项目中的文件,来依赖我们的处理的文件,这样我们只需要改处理的文件即可,...

0
0
发表于大前端专区
2019/01/17 13:51

better-scroll的使用

目的:需要在手机端实现上拉加载数据,下拉刷新页面的功能。 使用的控件:better-scroll 难点:目前的better-scroll都是和vue一起使用,公司用的是angularjs1.x,所以需要最原始的使用然后封装成指令。 <div cla...

0
0
发表了博客
2018/05/24 16:47

better-scroll的运用(一)

最近还在看慕课网的vue外卖实战视频,这里面运用到了better-scroll。 首先来介绍下better-scroll,复制别人的介绍: better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性...

0
0
发表了博客
2018/08/14 10:14

better-scroll第一次使用

官方文档 https://github.com/ustbhuangyi/better-scroll/blob/master/README_zh-CN.md 安装 控制台输入 npm install better-scroll --save 引入 import BScroll from 'better-scroll' html结构:必须要有一个wrapper,下面内容放在一个div里 <div class="wrapper"> <ul class="content"> <li>...</li> <li...

0
0
发表了博客
2018/10/16 09:23

Better-scroll巨坑!!!

better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。 better-scroll 是基于原生 JS 实现的,不依赖任何框架,所以使用起来也十分的方便。它编译后的代码大小是 ...

0
0
发表了博客
2018/02/25 18:15

better-scroll 源码分析

我写该文章,主要是想结合代码探究 better-scroll 是如何处理下列操作的。该过程如下图,用文字描述为:手指触摸屏幕,向上快速滑动,最后在手指离开屏幕后,内容获得动量继续滚动,若内容滚动超越顶部边界会回弹。 我们从整体开始一步一步来探究。better-scroll 包装了一个 BScroll 类以提供功能,我们可以在 better-s...

0
0
发表了博客
2019/10/20 14:35

better-scroll 的基本使用

better-scroll 的基本使用 1、去 GitHub 下载 bscroll.js 文件 2、引入 HTML <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,minimal-ui:ios"> <meta http-equiv...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
2 评论
115 收藏
分享
返回顶部
顶部