Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

JQuery Waypoints - execute a function whenever you scroll to an element

imakewebthings.github.com

Post reply on HN
Print view View original

21–27 of 27 posts

Re: JQuery Waypoints - execute a function whenever you scroll to an element

#21

Post by karl_nerd »

imakewebthings wrote: post #14
baddox wrote: post #9

Earlier quoted context omitted.

Not too bad. On the sticky elements example, if I furiously flick my scroll wheel downward, there is a noticeable but tiny delay for the section menu to "catch up" at the top of the screen. The infinite scroll example seems fine, as does the analytics example. Is there really any way to get faster performance in the first example other than just giving the section menu div position:fixed (which doesn't exactly do the…

Plugin author here, I can help clarify that. The scrolling is throttled so that all the checks aren't run with every single scroll event, as that would choke everything. So the small delay you see there is some 0-100 millisecond value while it hasn't triggered the event yet. You can change the throttle by setting $.waypoints.settings.scrollThrottle = 50, or whatever number you like, to try to reduce flickers in cases…

I love what you did with this and i will definitely play around with it. This functionality should really be built into the browser in my opinion. I was thinking, for performance reasons, did you try ditching the $(window).scroll and go with this? http://jsbin.com/eciwu4/edit

Re: JQuery Waypoints - execute a function whenever you scroll to an element

#22

Post by roel_v »

axod wrote: post #20
tjarratt wrote: post #11

Earlier quoted context omitted.

First you make it work, then you make it perform well. What, you were expecting the first code they wrote to be perfect?

Attaching code to scroll events will never be a good idea. Infinite scroll will never be a good idea.

"Infinite scroll will never be a good idea."

I very much disagree. It's an awesome way to capture the reader. I love it myself, not needed reloads, hunting for 'next' buttons, ... Yes you lose the relative position on the page indicator from the scroll bar, but it's irrelevant by the time you get to the bottom of the page anyway.

Re: JQuery Waypoints - execute a function whenever you scroll to an element

#24

Post by Sharlin »

roel_v wrote: post #22
axod wrote: post #20

Earlier quoted context omitted.

Attaching code to scroll events will never be a good idea. Infinite scroll will never be a good idea.

"Infinite scroll will never be a good idea." I very much disagree. It's an awesome way to capture the reader. I love it myself, not needed reloads, hunting for 'next' buttons, ... Yes you lose the relative position on the page indicator from the scroll bar, but it's irrelevant by the time you get to the bottom of the page anyway.

You also lose all indication of the total content length, which is IMHO a bad thing in many contexts.

Re: JQuery Waypoints - execute a function whenever you scroll to an element

#25

Post by wladimir »

Sharlin wrote: post #24
roel_v wrote: post #22

Earlier quoted context omitted.

"Infinite scroll will never be a good idea." I very much disagree. It's an awesome way to capture the reader. I love it myself, not needed reloads, hunting for 'next' buttons, ... Yes you lose the relative position on the page indicator from the scroll bar, but it's irrelevant by the time you get to the bottom of the page anyway.

You also lose all indication of the total content length, which is IMHO a bad thing in many contexts.

If the content is not truly infinite (#comments known?), just very large, you could solve the scrollbar issue by giving the page the right vertical size (or an estimation), but only populating the HTML if the user scrolls somewhere.

Re: JQuery Waypoints - execute a function whenever you scroll to an element

#26

Post by axod »

wladimir wrote: post #25
Sharlin wrote: post #24

Earlier quoted context omitted.

You also lose all indication of the total content length, which is IMHO a bad thing in many contexts.

If the content is not truly infinite (#comments known?), just very large, you could solve the scrollbar issue by giving the page the right vertical size (or an estimation), but only populating the HTML if the user scrolls somewhere.

so the page looks broken or like its still loading? Yah great usability

Re: JQuery Waypoints - execute a function whenever you scroll to an element

#27

Post by wladimir »

axod wrote: post #26
wladimir wrote: post #25

Earlier quoted context omitted.

If the content is not truly infinite (#comments known?), just very large, you could solve the scrollbar issue by giving the page the right vertical size (or an estimation), but only populating the HTML if the user scrolls somewhere.

so the page looks broken or like its still loading? Yah great usability

You'd use AJAX to load the elements, so it doesn't show as loading. And you make sure the user never sees the empty space, given normal scrolling speed, by loading the area around the visible screen. Certainly not worse than extending the page when the user reaches the bottom, as some sites do.
Post reply on HN