当列表内容少于1页，手动执行下拉刷新或者下拉其他操作会导致该页面已有的列表项不显示。

<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clip

6p/6sp/7p出现下拉后原列表不显示问题 about mescroll HOT 5 CLOSED

mescroll commented on May 19, 2024

6p/6sp/7p出现下拉后原列表不显示问题

from mescroll.

Comments (5)

mescroll commented on May 19, 2024

列表内容少于1页,应该在mescroll.endSuccess( dataSize ); 传入dataSize,内部会自动判断已无下一页~

如果是列表内容没有暂满屏幕,还有下一页,需要自动加载下一页的话,可配置up:{ loadFull: {use : true} },自动加载满屏

多看看案例和文档哦

from mescroll.

allycs commented on May 19, 2024

小姐姐太给力，问题依旧

from mescroll.

allycs commented on May 19, 2024

 var size = 5;
            var mescroll = new MeScroll("mescroll", {
                down: {
                    auto: true,
                    isBoth: false,
                    callback: downCallback
                },
                up: {
                    auto: true,
                    isBoth: false,
                    loadFull: { use: true, delay: 500  },
                    htmlNodata:'<p class="upwarp-nodata">-- 已到底 --</p>',
                    callback: upCallback
                }
            });
            function downCallback() {
                $.ajax({
                    url: '@Url.Content("~/content-hub/news/")' + departmentId + '/' + menuId + '/0/' + firstId + '/' + size,
                    success: function (data) {
                        var result = '';
                        var arrLen = data.newsList.length;
                        alert(arrLen);
                        if (arrLen < 7)
                            mescroll.endSuccess(arrLen);
                        else
                            mescroll.endSuccess();
                        if (arrLen > 0) {
                            firstId = data.firstNewsId;
                            lastId = data.lastNewsId;//0:为刷新，若10：则仅更新firstId；
                            result = getHtml(data.newsList);
                            $('.article_list_' + menuId).html(result);
                            console.log();
                        }
                        //$("#mescroll").removeClass("mescroll-hardware");
                        //$(".article_list_" + menuId).show();
                    },
                    error: function (data) {
                        mescroll.endErr(); 
                    }
                });
            }

            function upCallback(page) {
                $.ajax({
                    url: '@Url.Content("~/content-hub/news/")' + departmentId + '/' + menuId + '/20/' + lastId + '/' + size,//20：标签后增加；10：标签前增加；0：刷新
                    success: function (data) {
                        var arrLen = data.newsList.length;
                        if (arrLen == 0)
                            mescroll.endSuccess(0);
                        else
                            if (arrLen < 5)
                                mescroll.endSuccess(5);
                            else
                                if (arrLen == 5)
                                    mescroll.endSuccess(100);
                        if (arrLen > 0) {
                            lastId = data.lastNewsId;
                            result = getHtml(data.newsList);
                            $('.article_list_' + menuId).append(result);
                        }
                    },
                    error: function (data) {
                        mescroll.endErr();
                    }
                });
            }

from mescroll.

mescroll commented on May 19, 2024

亲 size不能这样修改的; 如果你要修改一页5条数据,必须在new Mescroll的时候配置
//创建MeScroll对象 var mescroll = new MeScroll("mescroll", { down: { page: {size: 5} //配置每页加载5条数据 }, up: { callback: upCallback } });

from mescroll.

mescroll commented on May 19, 2024

http://www.mescroll.com/qa.html#q7

from mescroll.

Recommend Projects