How To Stop My Scroll Function Once Mysql Has Fetched All The Data

This script is working fine. But, how to stop my scroll function and the scroll loader .gif (to hidden) once MySql has fetched all the data. Or, if there is a better way to do it.

Solution 1:

There wasn't anything involved with the 3rd party scripts and CSS (Google API script, CDN CSS and CDN script) which I thought initially.

<scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script><linkrel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /><scriptsrc="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

I downloaded them all and run them locally. (Only Google API was involved, nothing to do with any CDN script)

This code is running fine. Stops the scroll and also hides the ajax-loader.gif now.

What is figured out was the problem in my url:"ps_load_data.php"

Actually I was trying to run two sql queries, and hence it wasn't hiding my gif image. When, I put the script in different file, it was working fine.

It took a lot of time and effort to understand that it was conflicting with my earlier script. Since, it didn't gave me any error, it took so long. Thanks!