Iscroll.js下拉刷新上拉加载+Tab切换问题

发布于 2022-09-04 03:37:57 字数 18 浏览 13 评论 0

问题已解决,谢谢各位~

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

删除会话 2022-09-11 03:37:58

谢谢各位,我2了,逗比了一早上,下面放出最后的解决方案。
有遇到的朋友可以参考下。

问题:tab切换+下拉刷新,上拉加载。

页面结构

clipboard.png

tab切换tabli里面的设置:

$('.tabli li').on('click',function(){
    var $this = $(this);
    curIndex = $this.index();
    $this.addClass('cur').siblings('li').removeClass('cur');
    $('.goods-list').eq(curIndex).show().siblings('.goods-list').hide();
    myScroll.scrollTo(0, 0);
    myScroll.refresh();
});

上拉的设置

function pullUpAction () {
    setTimeout(function () {
        var el, li, i, curIndex;
        el = document.getElementsByTagName('ul');
        var curIndex = $(".cur").index();
        for (i=0; i<1; i++) { 
            li = document.createElement('li');
            li.innerHTML = '<a href="#">test</a>';
            $(".tabcon ul").eq(curIndex).append(li);
        }
        myScroll.refresh();
    }, 1000);
}

效果

图片描述

把每个tab扔进数组里,iscroll只处理当前页面

后来的我们 2022-09-11 03:37:58

实现一个下拉刷新的tab,其他都调用呗

謌踐踏愛綪 2022-09-11 03:37:58

如果有demo最好了,我现在遇到的问题是多个tab,然后就实例化了一个scroll,如果把ajax放在上下拉里面会造成多次请求,不知道怎么处理好。

笑脸一如从前 2022-09-11 03:37:58

图片描述亲,那再次点击的时候刷新的数据跟着没有了怎么解决

凉薄对峙 2022-09-11 03:37:58

我现在遇到的问题是,可以加载,但是每次下拉只能拖动内容部分才可以,还有就是加载出来的部分有很多的部分隐藏,,求帮助

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文