StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
19733244
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-11-01T18:41:40.333
FavoriteCount
0
LastActivityDate
2013-11-01T18:41:40.333
LastEditDate
2017-05-23T12:21:33.327
LastEditorUserId
-1
OwnerUserId
2945358
ParentId
19732693
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
You can do this with three pieces of information: the height of the window, how far the window has scrolled down, and how tall the panel is. Simply put, have the panel be <code>position:static</code> to begin. As soon as the window has scrolled down such that <code>windowScroll + windowHeight >= panelHeight</code>, set the panel to <code>position:fixed</code> with its <code>top</code> at <code>windowHeight - panelHeight</code> so that the panel is moved off the screen entirely except for an amount equal to the height of the window. Edit: misread your question a little bit: don't use <code>windowHeight - panelHeight</code>, use the amount of the panel you want to show when the user scrolls past it. Listen to the window's (or document's, might have to test that) <code>onscroll</code> event to tell you when to recalculate the panel's state. To keep IE7 and IE8 from choking (they send far too many <code>onscroll</code> events), either use a timeout to emulate listening to the <code>onscroll</code> event or deregister your listener for ~50-500ms (depending on complexity) after each calculation. Note: getting viewport height can be <a href="https://stackoverflow.com/questions/4976936/get-the-available-browser-window-size-clientheight-clientwidth-consistently-ac">a little tricky</a>. For figuring out how far it has been scrolled, try <a href="http://api.jquery.com/scrollTop/" rel="nofollow noreferrer">$(window).scrollTop()</a> or equivalent. As for the panel height, keep in mind browser differences between height, innerHeight, and outerHeight (or use a library that provides browser-independent access to this value, which I believe jQuery does).
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. PO*Responsive* position: fixed-like panel?
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USCommunity
UserOwnerUserId
1. UShilste
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.