为什么我的slide滑动区下面没法滑动

Answer 1

花晨月夕1 2021-02-22 17:20:40

<style lang="stylus" scoped>

.tab

  >>> .cube-tab

    padding 10px 0

  position relative

  display flex

  flex-direction column

  height 100%

  .slide-wrapper

    flex 1

    overflow hidden

    .cube-slide-item

      height calc(100vh - 174px)

</style>

你可以检查一下元素，因为他高都不对，所以你需要设置 height calc(100vh - 174px)

Answer 2

ustbhuangyi 2020-08-20 10:24:34

检查一下 DOM 结构，是否满足内容区宽（高）度大于外层容器的宽（高）度

• 提问者 weixin_慕尼黑5135974 #1

  我发现我在App.vue引用tab.vue组件时，没有加上外面容器<div class="tab-wrapper"></div>包起来，就没办法左右滑动，请问这是什么原理呢？
  <template>
    <div id="app" @touchmove.prevent>
      <v-header :seller="seller"></v-header>
        <tab></tab>
    </div>
  </template>

• ustbhuangyi 回复 提问者 weixin_慕尼黑5135974 #2

  因为你的内容宽度和容器宽度一致了吧