bscroll.js

上划加载太快  导致数据加载异常 没有加载完

            BS.finishPullUp();// //并且重新计算滚动区域的高度BS.refresh(); })

延迟触发就可以了

BS = new BScroll($(“.boxs”).get(0), {
probeType: 3,
click: true,
pullUpLoad: true
})
BS.on(“pullingUp”, () => {
console.log(‘触底’)
if(page+1>pages){
return showToast(“已全部加载”)
}
page++
console.log(page)
getList(page)
setTimeout(() => {
BS.finishPullUp();
// //并且重新计算滚动区域的高度
BS.refresh();
}, 1000);
})

bscroll.js相关推荐

bscroll.js实现html手机端城市列表
效果图直接上代码: html: <!DOCTYPE html> <html lang="en"><head><meta charset= ...
php 仿高德,仿高德地铁图 JS SDK
仿高德地图 JS SDK 仓库地址 image.png 程序目录 . ├── README.md #说明文档 ├── dist │├── bscroll.js #better-scroll库 ├── ...
P14-Vue-supermall项目-BetterScroll滚动插件基本使用
P14-Vue-supermall项目-BetterScroll滚动插件基本使用 1.概述移动端页面上下滑动一般都使用第三方插件来实现,这里我们就使用BetterScroll插件,对他进行一层封装, ...
docker安装redis连接redis可视化工具Redis Desktop Manager+springboot项目使用Cache缓存+springboot项目整合 Redis 实现缓存
今天进一步学习了redis的相关知识,希望下面的博客可以给博友们带来帮助. docker安装redis连接Redis Desktop Manager 启动docker (系统控制ctl:control ...
合肥千峰前端培训---vue-cli移动端实战项目所遇问题
vue-cli更改默认下载方式(用什么包管理器) 找到C:\Users\Administrator/.vuerc文件 Yarn/npm node.sass下载失败 npm install -g mir ...
Vue.js仿饿了么外卖App--(4)商品详情页实现
文章目录一.内容介绍 1.内容 2.效果二.具体实现 1.组件传值 2.点击事件 3.图片展示 4.加入购物车 5.分隔条组件 6.评价展示布局评价筛选组件时间展示三.源码一.内容介绍 ...
Vue.js 入门：去哪儿网APP案例学习记录
推荐博客 Vue 2.5 开发去哪儿旅游网站项目记录项目源码 : https://gitee.com/doublesgzl/Travel 第六章项目实战 6-1 环境配置 (建议看下视频) 6 ...
vue 移动端音乐(3) amp;amp;gt;热门歌单推荐部分（webpack-dev-conf.js做后端接口代理+scroll插件）
1. 首先,获取歌单推荐部分的数据,与获取推荐数据不同,热门歌单数据的接口有host和referer的显示,我们的api请求被拒绝(500错误),必须要修改header,但是前端不能直接修改reque ...
Vue.js高仿饿了么外卖App学习记录
(给达达前端加星标,提升前端技能) 开发一款vue.js开发一款app,使用vue.js是一款高效的mvvm框架,它轻量,高效,组件化,数据驱动等功能便于开发.使用vue.js开发移动端app,学会使 ...
vue.js电商项目--美丽购物街day01首页制作
vue.js电商项目--美丽购物街day01 首页效果如图划分目录结构 vue.config.js配置文件别名 App.vue文件 router文件下的index.js 封装网络请求 Home.vu ...

bscroll.js

bscroll.js相关推荐

最新文章

热门文章