jquerymoblie+iscroll基于thinkphp下拉刷数据

项目中经常遇到区域超出部分会出现滚动条，滚动条在pc端可以通过鼠标滚轮控制上下，在移动端可以通过鼠标拖动页面进行滚动，这两种场景都是符合用户习惯，然而这种滚动条一般都是竖【vertical】项滚动条，如果pc端出现横向滚动条【horizontal】，在不做处理的情况下，你只能用鼠标拖动横向滚动条按钮【scrollerbar】展示滚动区域，而且为了美观，一般滚动条会进行样式编写或者隐藏，那么横向区域默认情况下就没法滚动。 二、描述 现为了解决pc端滚动区域能像移动端一样，能够通过鼠标拖动滚动区域直接进行滚动，如图所示 pc端滚动示例图 滚动实例用到知识点如下： 采用vue-cli3+isc

iScroll iScroll 实例：下拉刷新，滚动翻页

声明：虽然本文章为原创，但是很大部分参考了博客园博主MRxia的一篇iscroll的下拉刷新的实现方式，我个人把demo简化了一下。 实现效果：类似网易新闻加载新闻列表（好吧，我的只能算是基础版，如要添加动图或者css样式或者canvas效果请自行脑补） 外部引入js文件，必须是iscroll-probe.js，这点是很重要的，因为基础版的 iscroll.js 插件并不支持实例化的IScroll对象的on事件绑定，当然还是要引入jQuery简化一下开发 以下是全局的css样式，当然你也可以直接复制过去，前面的是默认的iscroll的demo的样式，后面的pulldown-tips样式是作为绝

使用iscroll实现同一页面多个列表切换，列表内数据上下滑动及滑动刷新、加载更多.

基于5.1.3修改的iScroll-probe.js修改，修改内容：滚动条收缩时动画顺滑(计算又整数变为小数)，默认启用scroll事件(动作条滚动事件)，添加beforeScrollEnd事件，并提供下拉刷新

使用了jquery.seat-charts.js完成电影选座，利用iscroll和swiper完成中间座位选座的滑动和更换场地的功能。

jquery-iscroll.js鼠标控制ul左右滑动

iscroll-probe.js

iscroll5用于移动端上拉刷新和下拉加载功能，iScroll5使用基于设备和浏览器性能的各种技术来进行滚动。不需要配置引擎，iScroll5会为你选择最佳的方式