列表触底加载时,页面底部的背景图片在文档中的位置会影响列表更新时的显示问题?
发布于 5 年前 作者 caiqiang 6569 次浏览 来自 问答

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

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

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

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

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

1 回复

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

回到顶部