10个用于实现无限滚动翻页的jQuery插件。
jopen 12年前
<h2>1. jQuery ScrollPagination</h2> <p>Anderson Ferminiano developed the jQuery ScrollPagination for studying purposes, but is available online for free download and use as long as you can preserve the credits.</p> <p><img style="width:558px;height:225px;" class="aligncenter size-full wp-image-4084" title="jqueryScrollPagination" alt="10个用于实现无限滚动翻页的jQuery插件。" src="https://simg.open-open.com/show/e8b4611cca84434cd5879310db4f7486.jpg" width="620" height="250" /></p> <div style="text-align:right;"> <strong><a href="/misc/goto?guid=4958335555712313896">Visit Site</a></strong> </div> <h3 style="color:#fff;clear:both;">.</h3> <h2>2. jQuery Screw</h2> <p>Screw is a short form for scroll and view. It is a jQuery plugin that loads HTML when a user scrolls the webpage. Screw manages to save some bandwidth by only loading content as and when the page is scrolled into view. Screw can also be used to create continuous scrolling and bottomless pages where content can be appended to the bottom as the user scrolls.</p> <p><img style="width:559px;height:225px;" class="aligncenter size-full wp-image-4086" title="screw" alt="10个用于实现无限滚动翻页的jQuery插件。" src="https://simg.open-open.com/show/74a03dbae7f8a27d0e76e0e28235e641.jpg" width="620" height="250" /></p> <div style="text-align:right;"> <strong><a href="/misc/goto?guid=4958341654313705743">Visit Site</a></strong> </div> <h3 style="color:#fff;clear:both;">.</h3> <h2>3. Autobrowse jQuery Plugin</h2> <p>Autobrowse jQuery Plugin plugin adds automatic Ajax loading of the page content when the user scrolls the page, with built-in browser cache. All you need to do is use the auto-browse option on a container that you want to fill with content with.</p> <p><img style="width:556px;height:224px;" class="aligncenter size-full wp-image-4080" title="autobrowse" alt="10个用于实现无限滚动翻页的jQuery插件。" src="https://simg.open-open.com/show/8336fcfbf7c1cb2c38a8aafaa2038e57.jpg" width="620" height="250" /></p> <div style="text-align:right;"> <strong><a href="/misc/goto?guid=4958341655120092526">Visit Site</a></strong> </div> <h3 style="color:#fff;clear:both;">.</h3> <h2>4. Scroll Extend Plugin</h2> <p>The scrollExtend plugin is developed to load new content automatically at the screen bottom by appending to a DOM element as and when the user scrolls beyond the element, just the way 非死book does with their status updates. The existing infinite scroll plugin originally meant to be integrated with WordPress.</p> <p><img style="width:561px;height:226px;" class="aligncenter size-full wp-image-4087" title="ScrollExtendPlugin" alt="10个用于实现无限滚动翻页的jQuery插件。" src="https://simg.open-open.com/show/70526b171feba80e52adae45dffec9a4.jpg" width="620" height="250" /></p> <div style="text-align:right;"> <strong><a href="/misc/goto?guid=4958200894325053092">Visit Site</a></strong> </div> <h3 style="color:#fff;clear:both;">.</h3> <h2>5. Infinite Scroll Plugin</h2> <p>Infinite Scroll Plugin is another infinite scroll plugin, just like DZone’s system.</p> <p><img style="width:558px;height:225px;" class="aligncenter size-full wp-image-4081" title="dzonescrolling" alt="10个用于实现无限滚动翻页的jQuery插件。" src="https://simg.open-open.com/show/3579fed93326460ca67c461356e85956.jpg" width="620" height="250" /></p> <div style="text-align:right;"> <strong><a href="/misc/goto?guid=4958341656653896563">Visit Site</a></strong> </div> <h3 style="color:#fff;clear:both;">.</h3> <h2>6. Load Content While Scrolling With jQuery</h2> <p>This plugin helps loading of pages faster and users will have to only load the content they see.</p> <p><img style="width:571px;height:230px;" class="aligncenter size-full wp-image-4085" title="loadContent" alt="10个用于实现无限滚动翻页的jQuery插件。" src="https://simg.open-open.com/show/531e7e9fb2fb1da046be383f995e19d9.jpg" width="620" height="250" /></p> <div style="text-align:right;"> <strong><a href="/misc/goto?guid=4958341657465981128">Visit Site</a></strong> </div> <h3 style="color:#fff;clear:both;">.</h3> <h2>7. Triggered Infinite Scroll</h2> <p>Triggered Infinite Scroll is a 推ter-styled custom trigger, which is non-automatic. This plugin will progressively improve your page. The user’s navigation/pagination elements must be contained within the HTML for non-JS users, but the plugin will utilize those links to build a more rich and improved browsing experience.</p> <p><img style="width:556px;height:223px;" class="aligncenter size-full wp-image-4083" title="jqueryinfinitescrol" alt="10个用于实现无限滚动翻页的jQuery插件。" src="https://simg.open-open.com/show/313943148ff39aaf26a88be2d9501714.jpg" width="620" height="250" /></p> <div style="text-align:right;"> <strong><a href="/misc/goto?guid=4958341658261465083">Visit Site</a></strong> </div> <h3 style="color:#fff;clear:both;">.</h3> <h2>8. Infinite Ajax Scroll, a jQuery Plugin</h2> <p>Infinite Ajax Scroll is a plugin that will turn your existing pagination into an infinite scrolling one, without much trouble.</p> <p><img style="width:556px;height:224px;" class="aligncenter size-full wp-image-4079" title="ajaxscroll" alt="10个用于实现无限滚动翻页的jQuery插件。" src="https://simg.open-open.com/show/96f0f8897981f3d7590e757d0d4940dd.jpg" width="620" height="250" /></p> <div style="text-align:right;"> <strong><a href="/misc/goto?guid=4958341659054670459">Visit Site</a></strong> </div> <h3 style="color:#fff;clear:both;">.</h3> <h2>9. Infinite Scrolling jQuery Plugin</h2> <p>InfiniScroll was originally written as a jQuery plugin. It works for blog posts. It will work for anything where you scroll to get more data. Just like 非死book status messages, 推ter scrolling and so on.</p> <p><img style="width:566px;height:228px;" class="aligncenter size-full wp-image-4082" title="infiscroll" alt="10个用于实现无限滚动翻页的jQuery插件。" src="https://simg.open-open.com/show/7c42c7bf7c5f5ce506124cedbf07a4a8.jpg" width="620" height="250" /></p> <div style="text-align:right;"> <strong><a href="/misc/goto?guid=4958341659839448846">Visit Site</a></strong> </div> <h3 style="color:#fff;clear:both;">.</h3> <h2>10. Unlimited Scroll using the 推ter API</h2> <p>In usual cases, the user has to click to see the next page instead of the regular pagination, the best feature of Unlimited Scroll is that it automatically loads the next page when the user is at the bottom.</p> <p><img style="width:559px;height:225px;" class="aligncenter size-full wp-image-4088" title="推terScroll" alt="10个用于实现无限滚动翻页的jQuery插件。" src="https://simg.open-open.com/show/90547b026a8472f0416631796a96e28a.jpg" width="620" height="250" /></p> <div style="text-align:right;"> <strong><a href="/misc/goto?guid=4958341660618842328">Visit Site</a></strong> </div> <h3 style="color:#fff;clear:both;">.</h3>