更新记录

1.0.5(2019-07-09) 下载此版本

更新在初次进入页面,只滑动右边部分,未点击左部分按钮情况下,点击第一项,并不能使得右部分滚回顶部,问题是scrollTop初始值,与点击第一项计算的0相同,所以页面就不会刷新。

1.0.4(2019-06-27) 下载此版本

更新部分开发者子分类数据过少不能占满一屏,增加解决方案,解决最后一项分类内容过少无法定位到该分类BUG


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

独家折扣APP模板

A uni-app project

更新历史

2019-07-09 18:14 更新在初次进入页面,只滑动右边部分,未点击左部分按钮情况下,点击第一项,并不能使得右部分滚回顶部,问题是scrollTop初始值,与点击第一项计算的0相同,所以页面就不会刷新。

原代码为 this.scrollTop = this.arr[index]
修改为this.scrollTop == this.arr[index] ? this.scrollTop = this.scrollTop+1 : this.scrollTop = this.arr[index]

2019-06-27 16:44 更新部分开发者子分类数据过少不能占满一屏,增加解决方案,解决最后一项分类内容过少无法定位到该分类BUG

2019-05-14 11:48 更新部分开发者分类数据为后台异步获取,添加回调注释与调用方法

2019-04-03 10:40 更新适配此页为tab页,且去除无用参数

2019-04-02 17:40 更新延迟问题,在onReady DOM渲染后获取dom节点信息

效果演示

查看完整版请戳这里

使用说明

目前demo是以屏幕1/2处为校验,如你的每一种分类内容较少,请修改为屏幕顶部为校验,

_this.scrollHeight = e.detail.scrollTop + _this.height/2;
修改为
_this.scrollHeight = e.detail.scrollTop;

数据太少造成左分类无法拉到最后一项,可修改css使得每一个分类的内容区域min-height为屏幕高度

异步获取数据的请将进行一下修改

onReady() {
    //this.getHeightList();
},
created(){
    //如果你的分类数据为后台异步获取请  将下方代码放置你的数据成功回调中
    this.$nextTick(()=>{
        this.getHeightList();
    })
},

部分截图事例

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问