实现数据动态加载更多,控制页面底部加载更多按钮位置?

依依雨柔
  • 233

clipboard.png
想通过这个点击按钮加载更多数据,却不能控制它的隐藏,怎么解决?
function scrollFunc(e) {

    e = e || window.event;  
    if (e.wheelDelta) {  //第一步:先判断浏览器IE,谷歌滑轮事件               
        if (e.wheelDelta > 0) { //当滑轮向上滚动时  
            console.log("滑轮向上滚动");  
            $(".loadMore").hide();
        }  
        if (e.wheelDelta < 0) { //当滑轮向下滚动时  
            console.log("滑轮向下滚动"); 
            $(".loadMore").show();
        }  
    } else if (e.detail) {  //Firefox滑轮事件  
        if (e.detail> 0) { //当滑轮向上滚动时  
            console.log("滑轮向上滚动");  
            $(".loadMore").hide();
        }  
        if (e.detail< 0) { //当滑轮向下滚动时  
            console.log("滑轮向下滚动");  
            if($(window).scrollTop()+$(window).height()==$(document).height()){
                $(".loadMore").show();
               
                }
            }
        }  
    }  
}

下面代码中,size为每次点击请求的数据条数,sum为每次点击后返回的数据条数

if(size>sum){
   if((offset*size)>sum){
   $(".loadMore").hide();
   }else{
   $(".loadMore").show();
}
现在问题是:当点击后没有更多数据时,需隐藏加载更多按钮,但是这2段代码功能有点冲突
回复
阅读 1.4k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏