收藏
回答

swiper-item里面的scroll-view无效,设置高度之后,swiper又无法左右移动了

我想做一个左右能够轮播专栏,上下能够滑动查阅信息文章的一个页面,但是使用swiper + scroll-view的时候突然就搞出一个这么大的问题。。。

  <swiper style="height:100%;">
    <swiper-item style="height:100%">
      <scroll-view style="height:100%" scroll-y="true">
            </scroll-view>
    </swiper-item>
    <swiper-item style="height:100%;" >  
      <include src=""/>
    </swiper-item>
  </swiper>

//wxml文件,这个时候不能上下滑动

  <swiper style="height:{{number*450}}rpx"> <-- 引入一个变量,number是文章数量,然后动态更新液面高度 -->
    <swiper-item style="height:100%">
      <scroll-view style="height:100%" scroll-y="true">
            </scroll-view>
    </swiper-item>
    <swiper-item style="height:100%;" >  
      <include src=""/>
    </swiper-item>
  </swiper>

z这个时候就可以上下滑动,但是swiper就没办法左右移动了,求助啊

最后一次编辑于  2021-05-08
回答关注问题邀请回答
收藏

3 个回答

  • 是一只鸽子
    是一只鸽子
    2021-05-08

    还有一个问题:就是我还想让把这个swiper-item置于最底层,但是置与最底层 z-index:-1; 之后,这个swiper-item就不能左右滑动了

    2021-05-08
    有用 2
    回复 2
    • 是一只鸽子
      是一只鸽子
      2021-05-08
      好了,我把另一个需要放最上层的设置为z-index:1;就不需要设置这个-1了,但是还是不能上下滑动啊。。
      2021-05-08
      回复
    • 是一只鸽子
      是一只鸽子
      2021-05-08
      忘了说,这个文章的数量是动态的,是根据服务器返回的数量决定的。。球球了,来个人帮帮我吧
      2021-05-08
      回复
  • Group
    Group
    2022-01-14
    <swiper  class="{{swiperClass}}" current="{{activeTab}}" duration="{{duration}}" bindchange="handleSwiperChange">
      <swiper-item wx:for="{{tabs}}" wx:key="title">
        <scroll-view style="height:100%" scroll-y="true" bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll">
          <slot  name="tab-content-{{index}}"></slot>
        </scroll-view>    
      </swiper-item>
    </swiper>
    
    2022-01-14
    有用
    回复
  • 靠近我,温暖你
    靠近我,温暖你
    发表于移动端
    2021-08-02
    6
    2021-08-02
    有用
    回复
登录 后发表内容