列表触底加载时,页面底部的背景图片在文档中的位置会影响列表更新时的显示问题?
页面结构:页面底部有张背景图,固定在页面底部(不用理解成固定在屏幕底部,不是fixed);背景图上面会有列表,列表分页加载,加载方式为下拉(触底)加载。【左图】
当这个图片所在box在文档中的不同位置(列表组件的前面或后面)【如右图红框处】。
触底加载列表时表现方式不同,当这个box在列表组件后面【右图-位置2】,是预期表现:列表更新会把底部的背景图顶到下面去(此时看不到背景图了);
但当在列表组件前面【右图-位置1】(不管是用position:absolute,还是background-image使图片固定在页面底部),表现很怪异:触底更新了列表,但是页面仍然保持着底部仍为背景图,列表此时只能看到结尾部分。