收藏
回答

修改::-webkit-scrollbar后会导致设置了transfroms的页面可以移动。

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug scroll-view 微信安卓客户端 7.0.5 2.83

在开发一个左滑模块时用到了scroll-view。

当设置了::-webkit-scrollbar{display:none}时,滚动条隐藏。

但是由于左滑动画使用了transfroms。所以页面大小是大于100vw的。

多次左滑后发现页面会错位!

麻烦看看是什么原因

最后一次编辑于  09-24
回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员-灵芝
    社区技术运营专员-灵芝
    09-25

    测试问题未复现,需要怎么操作复现问题?出现问题的具体机型是什么?

    09-25
    赞同
    回复 3
    • 文彬
      文彬
      09-25
      长按屏幕,往左上角拖动,开发者工具就会出现了
      09-25
      回复
    • 社区技术运营专员-灵芝
      社区技术运营专员-灵芝
      09-25回复文彬

      真机有这个问题吗?我这边测试没有

      有的话提供一下具体机型、微信版本号

      09-25
      回复
    • 文彬
      文彬
      09-25
      真机也会 ,海信R3。版本是7.0.5。但实际上开发者工具也会,模拟手机是ipnoe6,对了index.wxss那个有个注释,你注释掉就正常打开注释就有问题。
      09-25
      回复
  • Yunior
    Yunior
    09-24

    代码片段没有复现错位问题

    09-24
    赞同
    回复 4
    • 文彬
      文彬
      09-24
      长按然后向左上角拖动,不是在一个item左滑,多试几次
      09-24
      回复
    • Yunior
      Yunior
      09-24回复文彬
      嗯,确实奇葩,不过为什么要隐藏滚动条呢
      09-24
      回复
    • 文彬
      文彬
      09-24
      有点丑。。
      09-24
      回复
    • Yunior
      Yunior
      09-24回复文彬
      好吧,坐等社区大佬来解答
      09-24
      回复
  • 文彬
    文彬
    09-24

    手机端没有::-webkit-scrollbar{display:none}也会错位

    09-24
    赞同
    回复
问题标签