qq_24435837
花生喂龙
采纳率73.7%
2018-03-05 03:06

微信公众号内的页面的下拉刷新,兼容手机端和PC端

5

现在功能是要类似于QQ聊天那样的到达顶部触发加载之前的聊天内容

我在电脑端实现的js,但我需要两端都能实现

 var system ={

win : false,

mac : false,

xll : false

};

//检测平台

var p = navigator.platform;

system.win = p.indexOf("Win") == 0;

system.mac = p.indexOf("Mac") == 0;

system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
if(system.win||system.mac||system.xll){ 
window.onload = function () {

function onMouseWheel(ev) {/*当鼠标滚轮事件发生时,执行一些操作*/

var url = window.location.href;
        if(url.indexOf("chat/detail") != -1){
            var ev = ev || window.event;  
            var scrollTop=$(window).scrollTop();
            if(scrollTop == 0){
                if(chat_page < chat_totalPages){    
                    getChatList(++chat_page);
                }else{            
                    return;
                }
            }
            if(ev.preventDefault){/*FF 和 Chrome*/  
                ev.preventDefault();// 阻止默认事件  
            }  
            return false; 
        } 
    }  
    addEvent(document.body,'mousewheel',onMouseWheel);  
    addEvent(document.body,'DOMMouseScroll',onMouseWheel);  
}  
function addEvent(obj,xEvent,fn) {  
    if(obj.attachEvent){  
        obj.attachEvent('on'+xEvent,fn);  
    }else{  
        obj.addEventListener(xEvent,fn,false);  
    }  
}  
}
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

3条回答

  • wolfkingcool 孔小龙 3年前

    Bootstrap用这个框架,里面有好多

    点赞 评论 复制链接分享
  • qq_24435837 花生喂龙 3年前

    用了mescroll插件,实现了下拉刷新,放弃了监控鼠标滚轮事件

    点赞 评论 复制链接分享
  • mengtianqq ConfidentWU 3年前

    你可以使用框架达到效果

    点赞 评论 复制链接分享

相关推荐