Achieve dynamic loading of more data and control the location of more buttons at the bottom of the page?

clipboard.png
I want to load more data by clicking this button, but I can"t control its hiding. How to solve this problem?
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();
               
                }
            }
        }  
    }  
}

in the following code, size is the number of data items requested per click, and sum is the number of data items returned after each click

if(size>sum){
   if((offset*size)>sum){
   $(".loadMore").hide();
   }else{
   $(".loadMore").show();
}
:2
Apr.07,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b35a36-4ec14.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b35a36-4ec14.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?