收藏
回答

小程序里overflow-x: scroll;开发工具上可以左右滑动,手机上不行?

我给text标签设置了宽度然后设置overflow-x: scroll;这个属性想着文字内容太长的时候可以滑动查看,然后发现手机上没有效果,开发工具上可以左右滑动查看。我也加-webkit-overflow-scrolling: touch;这个属性但是就是没有效果求教怎么解决?

回答关注问题邀请回答
收藏

2 个回答

  • 有棱角的胖子
    有棱角的胖子
    2021-04-02

    麻烦提供一下可复现的代码片段

    2021-04-02
    有用 2
    回复 6
    • 夏天🎉
      夏天🎉
      2021-04-02
      2021-04-02
      回复
    • 有棱角的胖子
      有棱角的胖子
      2021-04-02回复夏天🎉
      .over-flow {
        width: 562rpx;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        display: inline-block;
      }
      改成这样吧
      2021-04-02
      回复
    • 有棱角的胖子
      有棱角的胖子
      2021-04-02回复夏天🎉
      是overflow-x不是y     overflow-x: scroll;
      2021-04-02
      回复
    • 夏天🎉
      夏天🎉
      2021-04-02
      可以了,就是有下拉线。应该也可以
      2021-04-02
      回复
    • 有棱角的胖子
      有棱角的胖子
      2021-04-02回复夏天🎉
      ::-webkit-scrollbar {
        display: none;

      }
      可去掉滚动条
      2021-04-02
      回复
    查看更多(1)
  • 夏天🎉
    夏天🎉
    2021-04-02

    .wxml

    <view>

      <text class="box-tit">介绍</text>

      <text class="box-tit over-flow">人的一生只有5%是精彩的,只有5%是痛苦的</text>

    </view>

    .wxss

    .over-flow {

      width: 562rpx;

      overflow-y: scroll;

      -webkit-overflow-scrolling: touch;

    }

    2021-04-02
    有用
    回复
登录 后发表内容
问题标签