页面有两个

scroll-view

一个为x轴滚动,一个为y轴滚动,将这两个scroll-view联动时,屏幕抖动


<view class="wx-shop-con_scroll" >

  <scroll-view class="scroll-nav"
            scroll-into-view="{{falseNav}}"
            scroll-left="{{leftNum}}"
            scroll-x="true" style="white-space: nowrap;width: 100%;" >

<repeat for="{{navItems}}" wx:for-index="index" >
<view
              id="{{'navID'+index}}"
              class="scroll-nav-item {{ index === navID ? 'active' : '' }}"
              @tap="navClick({{index}})">
{{item.name}}
</view>
</repeat>

</scroll-view>

</view>


<scroll-view class="scroll-nav"
         scroll-y="true"
         bindscroll="scroll"
         bindscrolltoupper="abc"
         scroll-into-view="{{toView}}" style="height: 100%;" >
<view style="width: 100%;height: 100px;"></view>
<repeat for="{{shopList}}" key="index" index="index" item="item">
<view class="wx-shop-body" id="{{'navID'+index}}">
<view class="wx-shop-body-text">
<text class="body-textFont-icon"></text>
<text class="wx-shop-body-textFont">{{item.categoryName}}</text>
<text class="body-textFont-icon"></text>
</view>
<repeat for="{{item.osProducts}}" key="itemIndex" index="
展开全部
收起
3回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Elijah

    16人对此回答表示赞同

    可否预先计算好各个wx-shop-body的位置不?

    展开
    16
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • Cruz_

    6人对此回答表示赞同

    @cunjinli不建议,那建议怎么实现这个方案呢??

    展开
    6
    0回复
    发布于 5年前

    评论(0)

    收起评论

  • 张小千

    6人对此回答表示赞同

    @cunjinli抱歉!可以是可以,但是会引发新的问题。我获取wx-shop-body的位置,将其放在数组里,然后监听滚动,判断元素位置时得循环,这样会导致用户滑动特别快时,导航条切换不及时,然后导航条那一块跳动,这样其实只是把垂直方向的问题,换到了水平方向而已。

    展开
    6
    0回复
    发布于 5年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部