<div dir="ltr">Yep, infinite scrolling can be a bad idea. That said, you really need it if you are going to do an updating feed, like Facebook.<br><div><br></div><div>Cheers,</div><div><br></div><div>Jeff</div></div><br><div class="gmail_quote">On Tue, Apr 28, 2015 at 1:32 PM Mark RD Jones <<a href="mailto:redtexture@gmail.com">redtexture@gmail.com</a>> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Commentary on Infinite Scrolling,<br>
and the better and worse varieties of implemetation.<br>
<br>
Hacker News - April 22, 2015<br>
"Ask HN: Please stop making infinite scrolling websites"<br>
<a href="https://news.ycombinator.com/item?id=9416017" target="_blank">https://news.ycombinator.com/item?id=9416017</a><br>
<br>
<br>
On Tue, Apr 28, 2015 at 10:08 AM, J.F. Rick <<a href="mailto:self@je77.com" target="_blank">self@je77.com</a>> wrote:<br>
> Cool. Thanks for sharing.<br>
><br>
> On Mon, Apr 27, 2015 at 7:35 PM Paul DeBruicker <<a href="mailto:pdebruic@gmail.com" target="_blank">pdebruic@gmail.com</a>> wrote:<br>
>><br>
>> I made an JQWidgetBox endless scroll widget a while ago, but never shared<br>
>> it<br>
>> I guess. I just uploaded it to Smalltalkhub. see:<br>
>> <a href="http://smalltalkhub.com/#!/~Seaside/JQueryWidgetBox" target="_blank">http://smalltalkhub.com/#!/~Seaside/JQueryWidgetBox</a><br>
>><br>
>> Its a plugin for <a href="https://github.com/fredwu/jQuery-Endless-Scroll" target="_blank">https://github.com/fredwu/jQuery-Endless-Scroll</a><br>
>><br>
>> I'm not sure if/how the Widget is out of sync with the JS code in the git<br>
>> repo but its a start.<br>
>><br>
>><br>
>> I used it like this:<br>
>><br>
>><br>
>> renderEndlessScroll: html with: aRequest with: id<br>
>><br>
>> html<br>
>> script:<br>
>> (((html jQuery id: id) endlessScroll)<br>
>> fireDelay: 5000;<br>
>> fireOnce: true;<br>
>> bottomPixels: 850;<br>
>> insertAfter: '.results:visible:last';<br>
>> visible: '#' , id;<br>
>> callback:<br>
>> (html jQuery ajax<br>
>> script: [<br>
>> :s |<br>
>> s<br>
>> << (s jQuery class: 'loader') show.<br>
>> s<br>
>> << (s jQuery class: 'results:visible:last')<br>
>><br>
>> replaceWith: [ :h | | moreItems |<br>
>><br>
>> moreItems := self getMoreResults: aRequest.<br>
>><br>
>> self renderMoreItems: moreItems from: aRequest at: id on: h ].<br>
>> s<br>
>> << (s jQuery class: 'shown:visible')<br>
>><br>
>> replaceWith: [ :h |<br>
>><br>
>> (h span)<br>
>><br>
>> class: 'shown';<br>
>><br>
>> with: [html strong: aRequest results oldResults size<br>
>> asStringWithCommas ] ] ]))<br>
>><br>
>><br>
>><br>
>><br>
>> jrick wrote<br>
>> > I'm implementing a blog with many posts. I'd like to implement infinite<br>
>> > scrolling<br>
>> > &lt;<a href="http://www.sitepoint.com/jquery-infinite-scrolling-demos/&gt" target="_blank">http://www.sitepoint.com/jquery-infinite-scrolling-demos/&gt</a>; so<br>
>> > that only a few posts get loaded initially and then subsequent posts get<br>
>> > loaded once the person scrolls to the bottom of the page. I'd like to<br>
>> > use<br>
>> > AJAX prepend to make this happen.<br>
>> ><br>
>> > Has anyone implemented something similar? Is there a good way to trigger<br>
>> > a<br>
>> > seaside ajax call based on an element appearing on screen or a scroll<br>
>> > event<br>
>> > reaching near the bottom?<br>
>> ><br>
>> > Cheers,<br>
>> ><br>
>> > Jeff<br>
>> ><br>
>> > _______________________________________________<br>
>> > seaside mailing list<br>
>><br>
>> > seaside@.squeakfoundation<br>
>><br>
>> > <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
>><br>
>><br>
>><br>
>><br>
>><br>
>> --<br>
>> View this message in context:<br>
>> <a href="http://forum.world.st/Infinite-Scrolling-tp4821669p4822313.html" target="_blank">http://forum.world.st/Infinite-Scrolling-tp4821669p4822313.html</a><br>
>> Sent from the Seaside General mailing list archive at Nabble.com.<br>
>> _______________________________________________<br>
>> seaside mailing list<br>
>> <a href="mailto:seaside@lists.squeakfoundation.org" target="_blank">seaside@lists.squeakfoundation.org</a><br>
>> <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
><br>
><br>
> _______________________________________________<br>
> seaside mailing list<br>
> <a href="mailto:seaside@lists.squeakfoundation.org" target="_blank">seaside@lists.squeakfoundation.org</a><br>
> <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
><br>
_______________________________________________<br>
seaside mailing list<br>
<a href="mailto:seaside@lists.squeakfoundation.org" target="_blank">seaside@lists.squeakfoundation.org</a><br>
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
</blockquote></div>