Anime-Planet forum

Anime-Planet forum (http://www.anime-planet.com/forum/index.php)
-   Site Announcements (http://www.anime-planet.com/forum/forumdisplay.php?f=14)
-   -   New feature: "sticky" headers in site tables (http://www.anime-planet.com/forum/showthread.php?t=178383)

sothis 04-15-2013 01:19 PM

New feature: "sticky" headers in site tables
 
We just added a new bit of javascript that keeps table headers "sticky" as you scroll down the page.

For example:
BROWSE ALL ANIME

Notice that when you scroll down the page, the headers stay visible.

This feature in theory will be helpful because it's hard to remember what's in the table cells once the header is off screen. The header has been added in all tables I could think of where it would be relevant, including your personal list pages, the 'popular [anime/manga/etc]' pages, the recent recs and reviews, etc.

If you can think of a table on the site that should have this feature and it's not currently set up, please let me know as I can look into it!

Also, you'll notice there's a few things (like the love/hate buttons, and the 'i agree' button when browsing recent recs) which overlap on top of the sticky header. This is known but I don't think it's important enough to try to fix.

Hope you enjoy the feature! As always, if you appreciate this or other features please consider donating, as right now we're especially in need of funding to try to fix the recent server woes.

Madoka 04-15-2013 01:23 PM

Re: New feature: "sticky" headers in site tables
 
Yay at least some people think things like this ^^
seriously a lot of websites should implement things like this, it might be small but it can make life so much more easier for people.
Thanks :)

VivisQueen 04-15-2013 01:42 PM

Re: New feature: "sticky" headers in site tables
 
Wow. All these amazing updates! Well done, team AP!

Barry 04-15-2013 01:46 PM

Re: New feature: "sticky" headers in site tables
 
Nice!

Quote:

Originally Posted by sothis (Post 1325292)
If you can think of a table on the site that should have this feature and it's not currently set up, please let me know as I can look into it!

The table where you can browse by year/season is the only one I can think of.

sothis 04-15-2013 02:27 PM

Re: New feature: "sticky" headers in site tables
 
Ack, did that one not get updated?

sothis 04-15-2013 02:42 PM

Re: New feature: "sticky" headers in site tables
 
you're right, i missed that one - it's now updated (that page was actually the motivation for adding this feature in the first place so i'm surprised i missed it, lol)

Kari5 04-15-2013 03:43 PM

Re: New feature: "sticky" headers in site tables
 
Awesome!

Tyranid5 04-15-2013 11:44 PM

Re: New feature: "sticky" headers in site tables
 
The import tables didn't benefit from this. May not be necessary on the detailed one. List of imports could work decently with this feature.

User Community - Anime-Planet
^This link will work for all. This is the import table. I'm referring to.

The table for detailed info on imports.....
User Community - Anime-Planet
this link might work for sothis, not for others at all.

Not a must add, but it's the only other table i use that didn't get this feature added. So yeah.

sothis 04-16-2013 08:00 AM

Re: New feature: "sticky" headers in site tables
 
just had a look at that one, i should in theory be able to add it but would like to do some testing first as that type of table is mostly used in admin pages (that normal users dont see). it's used in a whole lot of them so i'd like to make sure the admin section works as-expected with the headers

on my way to work right now but will check this out tonight once i return

Drahken 11-17-2013 09:37 PM

Re: New feature: "sticky" headers in site tables
 
While this feature is nice in theory, I find the current implementation far more annoying than useful. The problem is that the transition is not smooth. When the header is in it's normal place everything goes smoothly and once it detaches and sticks to the table it runs smoothly, but trying to scroll the page stops & then jumps when it hits the actual moment of detaching.
I've seen a number of other sites do a similar setup where an element stays in it's normal place on the page until you scroll beyond that point and then it sticks to a given point on the user's viewing area. However, the other ones I've seen all did so smoothly. I have no idea what they do differently. (Unfortunately I don't have any specific sites to link to as examples, though I'll post them here if I encounter any again.)

edit: I found this: http://css-tricks.com/persistent-headers/
If you click the demo link & scroll it, you'll see that the header transition from static to fixed seemlessly & unnoticably.

edit 2: Here's an example of a seamless transition: http://www.part15.us/forum/part15-fo...egulations-law


All times are GMT -7. The time now is 01:14 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2014, vBulletin Solutions, Inc.