BetterScroll入门教程移动端滚动插件,支持下拉刷新,上拉刷新,轮播图,slider等功能

BetterScroll基础入门

官方网址:https://ustbhuangyi.github.io/better-scroll/#/

BetterScroll入门教程移动端滚动插件,支持下拉刷新,上拉刷新,轮播图,slider等功能

GitHub:https://github.com/ustbhuangyi/better-scroll

简介描述:移动端滚动插件,支持下拉刷新,上拉刷新,轮播图,slider等功能

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

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

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

海计划公众号
(0)
上一篇 2020/03/05 11:10
下一篇 2020/03/05 11:10

您可能感兴趣的内容

  • jquery-dropdown入门基础教程面向PC端的基于jQuery开发的轻量级下拉框插件

    jquery-dropdown入门基础知识 官方网址:http://labs.abeautifulsite.net/jquery-dropdown/ GitHub:https://…

    2020/03/06
  • 浏览器缓存问题原理以及解决方案入门基础教程_缓存小白基础

    浏览器缓存问题:简单来说,浏览器缓存就是把一个已经请求过的Web资源(如html页面,图片,js,数据等)拷贝一份副本储存在浏览器中。缓存会根据进来的请求保存输出内容的副本。当下一个请求来到的时候,如果是相同的URL,缓存会根据缓存机制决定是直接使用副本响应访问请求,还是向源服务器再次发送请求。比较常见的就是浏览器会缓存访问过网站的网页,当再次访问这个URL

    2020/04/05
  • js图片上传和预览菜鸟攻略_上传基础知识

    一.css代码给标签的父级设置一个‘+’背景图,把的宽高设置得跟父级一样,且完全透明,这样点击的时候看似是点击的‘+’的节点,其实点击的是节点。.file-box {position: relative;display: inline-block;width:100px;height:100px;

    2020/03/23
  • 猎聘网基础入门_找工作_精英职业发展平台

    猎聘网基础入门 官方网址:https://www.liepin.com/ 简介描述:找工作_精英职业发展平台 猎聘网为招聘中高端人才提供超过500万条精英职业找工作信息,70000…

    2020/03/06
  • SpeedCurve新手入门_追踪网页的性能表现

    SpeedCurve新手入门 官方网址:https://speedcurve.com/ 简介描述:追踪网页的性能表现 SpeedCurve 既可以让你追踪竞争对手的性能表现,也可以…

    2020/03/06
  • js中的if判断语句和switch条件分支语句攻略教程_条件小白指南

    语句是js中最重要的成分。本文想介绍的是if判断语句和switch条件分支语句if条件判断语句形式:if(条件判断){表达式
    }意思就是,当满足条件判断的句子,执行花括号内的表达式直接看看有坑的地方需求:当score为60分以下,控制台打印不及格,当score为60分以上,控制台打印及格,当score为85分以以上,控制台打印优秀var score = 60

    2020/03/31
  • 利用Hexo来快速搭建博客系统菜鸟教程网_Hexo入门基础知识

    Hexo是什么Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。Hexo安装要使用Hexo,需要在你的系统中支持Nodejs以及Git。 Node.js下载:https://nodejs.org/en/Git下载:http://git-scm.com/downl

    2020/04/05
  • STDLib使用说明_支持科学和数字化的基于 web 的机器学习应用的开源库

    STDLib使用说明 官方网址:https://stdlib.io/ 简介描述:支持科学和数字化的基于 web 的机器学习应用的开源库 STDLib是一个基于 JavaScript…

    2020/03/06
  • Vue 3 对 Web 应用性能的改进菜鸟教程下载_vue3攻略教程

    有关即将发布的 Vue.js 的第 3 个主要版本的信息越来越多。通过下面的讨论,虽然还不能完全确定其所有内容,但是我们可以放心地认为,它将是对当前版本(已经非常出色)的巨大改进。 Vue 团队在改进框架 API 方面做得非常出色。 尤雨溪将 Vue 3 的目标描述为:使其更快使其更小使其更易于维护使其更容易定位到本地让你的生活更轻松通过查看 RFC 并进行

    2020/03/23
  • CSS选择器与CSS的继承,层叠和特殊性小白基础_选择器入门基础教程

    什么是选择器?选择器{样式;},在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素,类似这样body{color: pink;font-size: 16px;};:标签选择器其实就是html代码中的标签,比如、、

    等.类选器名称{css样式代码;}

    2020/03/20
  • 使用vue.js的动态组件模板新手入门_组件小白攻略

    组件并不总是具有相同的结构。有时需要管理许多不同的状态(注:指的是根据不同状态显示不同组件)。异步加载组件对此操作很有帮助。用例在 Scrumpy 中组件用于提醒、评论和附件等多个地方。让我们看一下评论部分,看看我要表达的是什么意思。评论不再只是简单的文本字段,你希望能够发布链接,上传图片,集成视频等等。所有这些完全不同的元素都必须在此评论中呈现出来。如果您

    2020/03/29
  • smallpdf新手入门_PDF格式的在线转换工具

    smallpdf新手入门 官方网址:https://smallpdf.com/ 简介描述:PDF格式的在线转换工具 Smallpdf是专门解决PDF格式的在线工具,提供一站式轻PD…

    2020/03/06
  • 带宽与区块链:开发人员如何最小化负担零基础入门_区块链小白帮助

    区块链使整个世界保持在同一页面上。当每个区块被铸造时,新的账本状态就将取代先前的状态。共识机制致力于确保更广泛的社区同意该状态。在一个设计良好的系统中,激励措施可确保不变性。经过足够的时间之后,状态就不会被篡改。这些区块链为我们提供了可编程的货币,并顺理成章地引起了许多人的兴趣。比特币和以太坊是最早的两种区块链。事实证明,这些账本受人欢迎且健壮,但通常被诟病

    2020/03/29
  • 为什么学编程要从Web开始?基础入门_编程菜鸟教程下载

    大多数大学生接触的第一门编程课便是C语言,这对于一个完全不懂计算机的人可能是噩梦。不少人初次上C语言课都会被指针绕得晕头转向,然而大部分编程工作并不需要你关心指针的使用。此外,C语言对可视化编程并不友好,用C语言编写图形化界面十分繁琐。在这种情况下,很多大学生都会问C语言能做什么?C语言看似简单,实则无比强大,它主要的用途是系统级编程,操作系统,数据库,编译

    2020/03/30
  • 对W3C标准,对表现与数据分离、Web语义化等有深刻理解入门百科_语义化入门知识

    看了好多微博总结了一下概念,首先先介绍一下W3C?啥是W3C不是wc,这个建立于 1994 年的组织,其宗旨是通过促进通用协议的发展并确保其通用型,以激发 web 世界的全部潜能,指万维网联盟(World Wide Web Consortium)一个很牛x的组织。代码标准 w3c官网也可以借鉴w3school对W3C的理解,W3C的标准不是某一个标准,而是一

    2020/04/03
  • 网站设计如何减少页面加载时间菜鸟指南_加载使用指南

    百度将网站的加载速度加入影响排名的因素中,这就是网站设计应该努力减少网站加载时间的重要原因。如果一个电子商务网站每天销售10万元,延迟1秒的页面加载时间可能会导致每年损失250万元。47%的用户希望网站在2秒内加载,而超过3秒的延迟可能会让40%的用户放弃网站,那么网站设计如何减少页面加载时间?1、插件 安装了太多的插件,占用了很多服务器资源让网站设计

    2020/03/23