https://github.com/ericclemmons/de-pagify
Bookmarklet to enable "endless scroll" on popular sites
https://github.com/ericclemmons/de-pagify
Last synced: about 1 year ago
JSON representation
Bookmarklet to enable "endless scroll" on popular sites
- Host: GitHub
- URL: https://github.com/ericclemmons/de-pagify
- Owner: ericclemmons
- Created: 2009-09-11T18:49:50.000Z (almost 17 years ago)
- Default Branch: master
- Last Pushed: 2013-12-01T18:56:05.000Z (over 12 years ago)
- Last Synced: 2025-03-10T19:03:17.959Z (over 1 year ago)
- Language: PHP
- Homepage: http://github.com/ericclemmons/de-pagify/
- Size: 132 KB
- Stars: 16
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# De-Pagify v2.0 (Infinite Scroll)
De-pagify let's you easily enable [endless scroll][el] for paged sites such as
[fmylife][fml], [digg][digg], [failblog][fb] to enable functionality similar to
[Bing image search][bing] on any site that has a *More »*, *Next »*
or similar link.
The latest code & documentation will *always* be available at
[http://github.com/ericclemmons/de-pagify](http://github.com/ericclemmons/de-pagify),
but is also available at
[http://plugins.jquery.com/project/de-pagify](http://plugins.jquery.com/project/de-pagify)
## [Infinite Scroll Demo][demo]
## Usage
Typical usage will follow the pattern:
jQuery(container).depagify(trigger, options);
* __container__: Container for content on the remote page and where it will be
placed on the local page.
* __trigger__: Link to "click" for the next page's content
### Options
* __find__: (_defaults to `*`_) Selector or function to filter remote content
* __threshold__: (_defaults to `0.90`_) Float, integer, string or function to
determine when to load remote content. The default is `0.90`, which is `90%`. You can use `167`,
for example, to load content when the user scrolls within `167px` of the bottom of the page.
Also, you can specify a selector (such as `#footer`) to load content when the `#footer` element
scrolls into view. Finally, you can write your own function that returns `true` whenever you'd like
load the next page's content.
* __effect__: (_defaults to `$(this).show()`_) Function to transition newly
loaded content. (New content is wrapped by `$('
).hide()`)
* __events__: `request` & `success` events are triggered before and after the GET request.
## Bookmarklets
* [jQuerify Bookmarklet][jq] which will inject jQuery into the page
* [De-pagify][dpbm] bookmarklet will inject the latest De-Pagify into the page
## Conclusion
If you can help in any way, please fork this project or provide feedback.
[demo]: http://uxdriven.com/static/js/uxdriven/jquery/de-pagify/demo.php "De-Pagify Demo"
[el]: http://uipatternfactory.com/p=endless-scrolling/ "Endless Scroll"
[fml]: http://www.fmylife.com "F My Life"
[digg]: http://digg.com "Digg"
[fb]: http://failblog.org "Failblog"
[bing]: http://www.bing.com/images/search?q=jquery "jQuery Images"
[jq]: http://www.learningjquery.com/2009/04/better-stronger-safer-jquerify-bookmarklet "jQuerify"
[dpbm]: https://github.com/ericclemmons/de-pagify/raw/master/bookmarklet.jquery.min.js
[](https://bitdeli.com/free "Bitdeli Badge")