New feature: "sticky" headers in site tables - Anime-Planet forum

Go Back   Anime-Planet forum > Site Information > Site Announcements

Notices

Reply
 
Thread Tools Display Modes
Old 04-15-2013, 01:19 PM   #1
sothis
Overlord
 
sothis's Avatar
 
Join Date: May 2002
Location: Seattle, Washington
Age: 33
Posts: 15,530
Default 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.
__________________

Anime-Planet.com - anime | manga | reviews

Adding Anime - Synopsis Templates | Twitter | MySpace

[sixth sense voice] I SEE BRITISH PEOPLE - Control my signature or avatar!
sothis is offline   Reply With Quote
Old 04-15-2013, 01:23 PM   #2
Madoka
Otaku
 
Madoka's Avatar
 
Join Date: Apr 2011
Location: United Kingdom
Age: 22
Posts: 1,916
Default 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 :)
__________________
If you don't like a show, DROP IT!!! It's that simple -Madoka 2014


Madoka is online now   Reply With Quote
Old 04-15-2013, 01:42 PM   #3
VivisQueen
MY DNA IS MADE UP OF ANIME
 
VivisQueen's Avatar
 
Join Date: Jan 2006
Location: United Kingdom
Age: 29
Posts: 7,712
Default Re: New feature: "sticky" headers in site tables

Wow. All these amazing updates! Well done, team AP!
__________________

Check out my podcast - Nakama Britannica - latest episode is a review of Flag!
VivisQueen is offline   Reply With Quote
Old 04-15-2013, 01:46 PM   #4
Barry
Narumon Z
 
Barry's Avatar
 
Join Date: Oct 2011
Location: Oosterbeek, The Netherlands
Age: 29
Posts: 31
Default Re: New feature: "sticky" headers in site tables

Nice!

Quote:
Originally Posted by sothis View Post
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.
__________________

Anime-Planet.com - anime | manga | reviews
Barry is offline   Reply With Quote
Old 04-15-2013, 02:27 PM   #5
sothis
Overlord
 
sothis's Avatar
 
Join Date: May 2002
Location: Seattle, Washington
Age: 33
Posts: 15,530
Default Re: New feature: "sticky" headers in site tables

Ack, did that one not get updated?
__________________

Anime-Planet.com - anime | manga | reviews

Adding Anime - Synopsis Templates | Twitter | MySpace

[sixth sense voice] I SEE BRITISH PEOPLE - Control my signature or avatar!
sothis is offline   Reply With Quote
Old 04-15-2013, 02:42 PM   #6
sothis
Overlord
 
sothis's Avatar
 
Join Date: May 2002
Location: Seattle, Washington
Age: 33
Posts: 15,530
Default 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)
__________________

Anime-Planet.com - anime | manga | reviews

Adding Anime - Synopsis Templates | Twitter | MySpace

[sixth sense voice] I SEE BRITISH PEOPLE - Control my signature or avatar!
sothis is offline   Reply With Quote
Old 04-15-2013, 03:43 PM   #7
Kari5
MY DNA IS MADE UP OF ANIME
 
Kari5's Avatar
 
Join Date: Mar 2008
Location: Canada
Age: 24
Posts: 11,221
Default Re: New feature: "sticky" headers in site tables

Awesome!
__________________

Kari5 is offline   Reply With Quote
Old 04-15-2013, 11:44 PM   #8
Tyranid5
MY DNA IS MADE UP OF ANIME
 
Tyranid5's Avatar
 
Join Date: Jan 2011
Location: Ohio
Age: 22
Posts: 4,652
Default 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.
__________________

Tyranid5 is offline   Reply With Quote
Old 04-16-2013, 08:00 AM   #9
sothis
Overlord
 
sothis's Avatar
 
Join Date: May 2002
Location: Seattle, Washington
Age: 33
Posts: 15,530
Default 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
__________________

Anime-Planet.com - anime | manga | reviews

Adding Anime - Synopsis Templates | Twitter | MySpace

[sixth sense voice] I SEE BRITISH PEOPLE - Control my signature or avatar!
sothis is offline   Reply With Quote
Old 11-17-2013, 09:37 PM   #10
Drahken
Cross-eyed Cyclops
 
Drahken's Avatar
 
Join Date: Nov 2007
Location: 1985
Posts: 2,857
Default 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
__________________
*Warning: The above post may be highly opinionated, read it at your own risk.
Wham! Bam! It's the dino-jam!

Last edited by Drahken; 11-30-2013 at 08:33 PM.
Drahken is offline   Reply With Quote
Reply

Bookmarks

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off

Forum Jump


All times are GMT -7. The time now is 12:45 AM.

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