网页中动态加载的内容(瀑布流)找不到样式在哪设置的?求大神

网站中热门板块的内容(瀑布流布局) 在下拉刷新加载更多内容的时候 出现布局混乱,有重叠的部分,大致看了下是因为定位的坐标问题,可是找不到设置定位属性的css样式在哪里?

阅读 2.5k
2 个回答

之前遇到过,不知道是不是一样的情况。加载完新数据,在添加新DOM时,会触发瀑布流重新布局,这时候图片还没有加载出来,重布局时不知道图片的高度。图片加载完后,因为瀑布流没有重新布局,所以出现了重叠。解决方案是,检测图片加载情况,图片加载完成后再重新布局一次。我们用了[imageLoaded插件]来做的检测。(http://imagesloaded.desandro....
参考:imageLoaded的配置和使用

var appendStr =

                        '<div class="grid"><a href="/Forum/Posts?id=' +
                            data.Id +
                            '" ><div class="imgholder"><img class="lazy" src="' +
                            dataHotImage +
                            '" /></div>' +
                            '<div class="t">' +
                            nameStr +
                            '</div><div class="s"><span class="icon-eye"></span>&nbsp;&nbsp;' +
                            hits +
                            '&nbsp;&nbsp;<span class="icon-bubble2"></span>&nbsp;&nbsp;' +
                            replyNumber +
                            ' </div><div class="m"><dd><img src="' +
                            /*data.UserHeadImage*/imgUrl +
                            '"/></dd>' +
                            '<dt>' +
                            data.NickName +
                            '</dt></div></a></div>';
                    alAppStr += appendStr;
                    //添加到容器中
                });
                $(".container").append(alAppStr);
                dynamicGrid();
                /*var allImg = $(".container").find("img");
                var callback = function () {
                    $(".container")
                        .BlocksIt({
                            numOfCol: 5,
                            offsetX: 8,
                            offsetY: 8,
                            blockElement: '.grid'
                        });
                };
                貌似是这一坨,加上scroll方法一起控制的,你自己慢慢看看
推荐问题
宣传栏