{"id":25470057,"url":"https://github.com/thinkphp/scroll-loader","last_synced_at":"2025-11-04T18:30:27.998Z","repository":{"id":66903108,"uuid":"1382025","full_name":"thinkphp/scroll-loader","owner":"thinkphp","description":"Loads more content when a user reaches the end of the page using the incredible MooTools.","archived":false,"fork":false,"pushed_at":"2011-02-18T15:44:22.000Z","size":124,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-04-14T14:54:28.883Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://thinkphp.ro/apps/js-hacks/scroll-loader/demos/test-twitter-client/","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/thinkphp.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2011-02-18T11:03:24.000Z","updated_at":"2014-05-10T12:19:35.000Z","dependencies_parsed_at":"2023-02-20T14:00:22.352Z","dependency_job_id":null,"html_url":"https://github.com/thinkphp/scroll-loader","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thinkphp%2Fscroll-loader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thinkphp%2Fscroll-loader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thinkphp%2Fscroll-loader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thinkphp%2Fscroll-loader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thinkphp","download_url":"https://codeload.github.com/thinkphp/scroll-loader/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239437130,"owners_count":19638439,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-02-18T08:31:49.611Z","updated_at":"2025-11-04T18:30:27.931Z","avatar_url":"https://github.com/thinkphp.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"ScrollLoader\n============\n\nLoads more content when a user reaches the end of a page. Fires an event when the user reaches a certain boundary specified by 'area' option.\n\n![Screenshot](http://farm6.static.flickr.com/5138/5455884682_d77406366f_z.jpg)\n\nFirst you must to include the JS file in the head of your HTML document.\n\n          #HEAD\n          \u003cscript type=\"text/javascript\" src=\"mootools-core.js\"\u003e\u003c/script\u003e\n          \u003cscript type=\"text/javascript\" src=\"Class.Binds.js\"\u003e\u003c/script\u003e\n          \u003cscript type=\"text/javascript\" src=\"ScrollLoader.js\"\u003e\u003c/script\u003e\n\nHow to use\n----------\n \n          #JS\n          window.addEvent('domready', function(){\n              var page = 2, url = \"more-tweets.php\";\n              new ScrollLoader({\n                  onScroll: function() {\n                     var self = this;\n                     $('content_tweets').adopt(new Element('img',{src: 'ajax-loader.gif', id: 'loader'}));\n                     self.detach();\n                    (function() {\n                        //let's make a request for additional content\n                        new Request.HTML({url: url,\n                           onSuccess: function(responseTree, responseElements, responseHTML, reponseJavaScript) {\n                                 $('loader').destroy();\n                                 if(responseHTML == 'No found results.') {\n                                         $('timeline').set('html', $('timeline').get('html') + 'Older tweets are temporarily unavailable.');\n                                         return;   \n                                 } \n                                 $('timeline').set('html', $('timeline').get('html') + responseHTML);\n                                 self.attach();\n                                 page++;\n                            }\n                        }).get({'page': page, 'amount': \"14\",'username': \"mootools\"});\n                    }).delay(1000);                            \n                  }\n              });  \n          });\n\nNote: \n-----\n\nThis plugin is part of [PowerTools](http://cpojer.net/PowerTools/)\n\nDemos:\n------\n\nYou can view in action:\n\n* [http://thinkphp.github.com/scroll-loader/](http://thinkphp.github.com/scroll-loader/)\n* [http://thinkphp.ro/apps/js-hacks/scroll-loader/demos/test-twitter-client/](http://thinkphp.ro/apps/js-hacks/scroll-loader/demos/test-twitter-client/)\n* [http://thinkphp.ro/apps/js-hacks/scroll-loader/demos/test-twitter-search/](http://thinkphp.ro/apps/js-hacks/scroll-loader/demos/test-twitter-search/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthinkphp%2Fscroll-loader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthinkphp%2Fscroll-loader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthinkphp%2Fscroll-loader/lists"}