更新记录

1.0.5(2019-07-09)

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

1.0.4(2019-06-27)

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

查看更多

独家折扣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();
    })
},

部分截图事例

隐私、权限及商业化声明

说明:除收费原生SDK插件外,其他插件或示例工程默认均为MIT开源协议。如提供了github地址,并在github上专门标注了开源协议,则以github标注为准。

1. 本插件需要申请的手机端权限列表:

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

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

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