Live data from Hacker News

Do not combine footers and infinite scrolling

willfennel.com

31–40 of 129 posts

Re: Do not combine footers and infinite scrolling

#32

Don't remember a specific instance, but I've seen this used in a couple of sites. Kind of mind numbing. Try to read the text or click on a link in the footer, and if you're lucky the request will be slow enough.

I've seen this a number of times, though I can't remember a recent example.

One site attempted to do it more intelligently, and the footer floated via z-index and pinned to the bottom of the window such that it was always visible despite the infinite scroll. Though they got it a little wrong and didn't account for the footer height in scroll calculations so if the content wasn't infinite so you could get to the end of the scroll, the last couple of lines were obscured by the footer. There must be quite a few ways to do this “properly” and smoothly (just thought of a couple right now, and I'm no front-end guy), assuming you consider automatic infinite scroll to ever be considered doing design “properly”.

Re: Do not combine footers and infinite scrolling

#34

Don't remember a specific instance, but I've seen this used in a couple of sites. Kind of mind numbing. Try to read the text or click on a link in the footer, and if you're lucky the request will be slow enough.

I've seen this a number of times, though I can't remember a recent example. One site attempted to do it more intelligently, and the footer floated via z-index and pinned to the bottom of the window such that it was always visible despite the infinite scroll. Though they got it a little wrong and didn't account for the footer height in scroll calculations so if the content wasn't infinite so you could get to the end o…

It’s not a hard problem to notice or fix, probably just comes from people not using their site a lot. All you need to do is insert your content in a fib before a final “filler” div that has the same height as the floating footer. If your floating footer doesn’t have a fixed height (and there is some really good reason for that) a further hack is to measure it and then set the height of the filler div in js.

Re: Do not combine footers and infinite scrolling

#35

Do not use infinite scrolling. Much simpler, much better.

Infinite scrolling works great for search results. I have it enabled in DuckDuckGo, and when I use Google and hit the bottom of the page, clicking the next page button feels sp cumbersome. For anything not ephemeral like search results, infinite scrolling sucks.

Re: Do not combine footers and infinite scrolling

#37

Don't remember a specific instance, but I've seen this used in a couple of sites. Kind of mind numbing. Try to read the text or click on a link in the footer, and if you're lucky the request will be slow enough.

Me too, I needed the contacts or the legals or something from the footer, but couldn't get it, it was super weird.
Post reply on HN