收藏
回答

列表触底加载时,页面底部的背景图片在文档中的位置会影响列表更新时的显示问题?

页面结构:页面底部有张背景图,固定在页面底部(不用理解成固定在屏幕底部,不是fixed);背景图上面会有列表,列表分页加载,加载方式为下拉(触底)加载。【左图】

当这个图片所在box在文档中的不同位置(列表组件的前面或后面)【如右图红框处】。

触底加载列表时表现方式不同,当这个box在列表组件后面【右图-位置2】,是预期表现:列表更新会把底部的背景图顶到下面去(此时看不到背景图了);

但当在列表组件前面【右图-位置1】(不管是用position:absolute,还是background-image使图片固定在页面底部),表现很怪异:触底更新了列表,但是页面仍然保持着底部仍为背景图,列表此时只能看到结尾部分

代码片段:https://developers.weixin.qq.com/s/kIxYOsmA7Elp

最后一次编辑于  2020-10-29
回答关注问题邀请回答
收藏

1 个回答

  • 你好耀眼。
    你好耀眼。
    2020-10-29

    没懂你想表达的是什么意思呀?想要什么效果?结果是什么效果啊

    2020-10-29
    有用
    回复 12
    • 吴明飞
      吴明飞
      2020-10-29
      看下代码片段,下拉刷新的时候注意观察下是不是有问题
      2020-10-29
      回复
    • 吴明飞
      吴明飞
      2020-10-29
      分别用红框里的组件,试试下拉刷新后的列表加载效果
      2020-10-29
      回复
    • 你好耀眼。
      你好耀眼。
      2020-10-29回复吴明飞
      真机还是开发工具?安卓还是ios?
      2020-10-29
      回复
    • 你好耀眼。
      你好耀眼。
      2020-10-29回复吴明飞
      好的,我看下
      2020-10-29
      回复
    • 吴明飞
      吴明飞
      2020-10-29回复你好耀眼。
      安卓、开发工具都有这种情况,IOS没测
      2020-10-29
      回复
    查看更多(7)
登录 后发表内容
问题标签