公告列表
公告列表
收藏
回答

scroll-view 添加scroll-x属性后内部元素定位问题

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug scroll-view 微信iOS客户端 8.0.3 2.17.0

scroll-view 添加scroll-x属性,元素内部position:absolute的dom节点跑到下面了，并且添加scroll-with-animation属性后scroll-view滚动时内部position:absolute的dom节点定位闪动

https://developers.weixin.qq.com/s/PQNKcsmS7gqa
回答关注问题邀请回答
收藏

2 个回答

  • 熊💫
    熊💫
    2022-09-18

    原因可能是因为编译出来的结构中，滚动区域被一个具有 padding-bottom:20px 属性的div包裹，那个红点绝对定位到这部分区域里了，如下图

    简单粗暴的解决办法是写个 padding-bottom:0 !important 样式覆盖掉原样式。

    不过个人感觉把红点写到列表元素内部比较好。

    2022-09-18
    有用
    回复
  • Cjiang
    Cjiang
    2021-05-21

    你好，具体是哪个节点掉下去了？闪动是怎么闪？

    2021-05-21
    有用
    回复 5
    • 念北
      念北
      2021-05-24
      我代码片段中的红色dom节点，闪动是当点击切换的时候，设置滚动距离执行滚动动画时，红色dom节点定位上下跳动
      2021-05-24
      赞
      回复
    • Cjiang
      Cjiang
      2021-05-24回复念北
      魅族手机 未复现上下跳动的问题
      2021-05-24
      赞
      回复
    • 念北
      念北
      2021-05-24回复Cjiang
      android手机没有这个情况，只有ios和模拟器上会有这个问题
      2021-05-24
      赞
      回复
    • Cjiang
      Cjiang
      2021-05-24回复念北
      IOS未看到红点
      2021-05-24
      赞
      回复
    • 念北
      念北
      2021-05-24回复Cjiang
      就是因为ios上红点定位跑到下面去了，你可以检查下dom节点，定位到上面就知道了
      2021-05-24
      赞
      回复
请 登录 后发表内容
相关问题
相关文档