收藏
评论

scroll-view

单个的scroll-view并没有什么问题;但是如果你有嵌套的需求的的话最好别用  抖动而且同时滑动的时候问题更大


<view class="container">

    <view class="fix"></view>

    <view class="banner"></view>

    <scroll-view class="nav"></scroll-view>

    <scroll-view class="main"></scroll-view>

</view>

我的业务大概就是这样:

  1. fix元素置顶显示

  2. banner

  3. nav为侧边导航

  4. main主体内容

开始使用的margin在上滑的时候直接把margin值设为负值从而隐藏掉banner。(应产品要求此方法不行)

然后改为

    <view class="fix"></view>

    <view class="banner"></view>

    <scroll-view class="nav"></scroll-view>

    <scroll-view class="main"></scroll-view>

使用wx.pageScrollTo设置页面的滚动iosX跟部分的ios会存在fix元素抖动的问题。

再改

<scroll-view class="container">

    <view class="fix"></view>

    <view class="banner"></view>

    <scroll-view class="nav"></scroll-view>

    <scroll-view class="main"></scroll-view>

</scroll-view>

设置scroll-top控制页面的滚动,但是当container滚动的时候去滚动main或者nav屏幕还是在抖。


最后还原开始的代码


反正需求不是很合理没有规避掉这些技术性的bug。也看过相关的小程序比如肯德基+、饿了么、等。都存在或多或少的问题。

总之scroll-view这个组件慎用。


最后一次编辑于  2018-06-29
赞 2
收藏