[已解决]微信小程序开发tab切换(自定义)页面保持原来

时间：2019-05-04 来源：小程序工厂

类似“知乎热榜”微信小程序，滑动页面再切换回去保持原来位置不使用swiper 。因为需要实现预加载，下拉刷新和上拉加载功能

微信小程序开发问题解答

微信小程序开发者回答：

我用的单页面来做的。。主页面上放着一个tabbar 和一个scroll-view。。。然后几个页面都作为组件用hidden控制隐藏显示。我的页面内容不多，效果还行

微信小程序开发者回答：

我页面全是feed流，数据很多，而且选项卡是根据接口动态渲染的，不是写死的。用微信小程序onpagescroll有延迟，体验很差。我看那个“知乎热榜”切换很流畅，位置也保持的很好。体验很好，是怎么做到的

微信小程序开发者回答：

感觉他这个。。bug挺多的啊。。应该是自己用view写的切换动画吧

微信小程序开发者回答：

那你有代码块吗？我能看看源码吗？

微信小程序开发者回答：

没挖出来。。比较乱。。大致意思一下

tab1
tab2
tab3

微信小程序开发者回答：

这样可以在选项卡切换的时候保持原来位置吗？

微信小程序开发者回答：

是呀~ 只要你切换时候不去刷新页面，就是在原位

微信小程序开发者回答：

我用的模板，不是组件。效果一样吗？我这里测试的不行啊

微信小程序开发者回答：

按理说应该是一样的。如果你是用的wx:if控制隐藏，因为页面被销毁了，肯定是会刷新的。。另外，如果切换的时候，去获取了当前的tab页面的数据，进行刷新，也有可能会不在原位

微信小程序开发者回答：

我数据加载是在切换的时候进行的，有影响吗？还是在onload的时候进行加载数据，因为我这里涉及到分页，需要传递page

微信小程序开发者回答：

要看你的写法，切换的时候，要先判断是否加载过数据了，没加载过才加载

微信小程序开发者回答：

我现在用的是hidden。判断是否加载过数据是怎么判断？判断数据是否存在或者用一个变量来标记一下

微信小程序开发者回答：

嗯，都行

微信小程序开发者回答：

我试了一下位置还是会发生变化。首页是tab1内容，滑动tab1到某个位置，切换到tab2(未加载过，加载后位置在一开始),再切换到tab1发现位置变成tab2的位置了。即使都加载了，切换的时候还是停在整个页面共同的scroll位置

微信小程序开发者回答：

你俩页面用的同一个scroll-view？

微信小程序开发者回答：

你用了page的滚动的吗

微信小程序开发者回答：

默认就有但是我不知道如何取消page的滚动

微信小程序开发者回答：

page的json文件里，'disableScroll':true

微信小程序开发者回答：

设置以后 scroll-view也不能滚动了

微信小程序开发者回答：

那就说明你scroll-view就没用对过。。

微信小程序开发者回答：

截图看看scroll-view的样式呢

微信小程序开发者回答：

里面template的内容的高度，如果比1500rpx低的话，是不会滚动的

微信小程序开发者回答：

嗯嗯现在可以了但是我是不是要动态算出template里的高度

微信小程序开发者回答：

目的是啥？因为page禁用掉了滚动，那么scroll-view一般高度固定

微信小程序开发者回答：

本文网址：http://www.91bianli.com/weixinxiaochengxu/50971.html

上一篇：[已解决]新疆用户转发微信小程序发送失败

下一篇：语言问题，汉字没法打出来