StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POWhen I hit refresh in the browser I lose my jquery programming
primarykey
Id
18472006
data
AcceptedAnswerId
18473383
AnswerCount
3
ClosedDate
CommentCount
5
CommunityOwnedDate
CreationDate
2013-08-27T17:35:12.010
FavoriteCount
0
LastActivityDate
2013-08-27T18:58:27.710
LastEditDate
2013-08-27T17:36:47.397
LastEditorUserId
2266713
OwnerUserId
1088923
ParentId
0
PostTypeId
1
Score
0
ViewCount
208
LastEditorDisplayName
text
Body
If you take a look at <a href="http://www.kahuna-webstudio.fr/" rel="nofollow">http://www.kahuna-webstudio.fr/</a> and scroll down the page about 50 pixels or so you will see a div on the left side of the screen slide out. I have managed to duplicate this effect but there is one thing that escapes me; and that is when you hit refresh on my page my jquery programming resets. I don't want this to happen. <a href="http://www.kahuna-webstudio.fr/" rel="nofollow">http://www.kahuna-webstudio.fr/</a> has it working perfectly. On their page when scroll down 50 pixels and the left nav appears and even when you hit refresh the left nav is still there. The left nav only disappears when the user scrolls back to the top of the page. What is currently working: The user scrolls down 296 pixels on my page and the left nav slides out and the user brings the scroll bar back to the top of the page (pixels less than 25) and the left nav slides back and disappears. This is all working. What is not working: But let's say the user scrolls down 296 pixels and the left nav slides out and then the user hits refresh while they are viewing the page. Well in this case the left nav disappears. My jquery programming is reset. I want the left nav, when the user is at 296 pixels or greater, to always be visible even if the user hits refresh. My code is below. I hope my question makes sense and I welcome any help. Thank you. <pre><code>$(window).scroll(function () { var wintop = $(window).scrollTop(); var docheight = $(document).height(); var winheight = $(window).height(); var newwidthgrow = 80; var smallheight = 0; var smallwidth = 0; //var expanded = "false"; if ((wintop > 296)) { //expanded = "true"; $("#slidebottom").stop().animate({ height: docheight + "px" }, 'fast', function () { $("#slidebottom").stop().animate({ width: newwidthgrow + "px" }, 'slow', function () { $("#slidebottomContents").fadeIn(); }); }); } if ((wintop < 25)) { //expanded = "false"; $("#slidebottom").stop().animate({ height: docheight + "px" }, 'fast', function () { $("#slidebottomContents").fadeOut(function () { $("#slidebottom").stop().animate({ width: smallwidth + "px" }); }); }); } }); </code></pre>
Tags
<javascript><jquery><jquery-animate>
Title
When I hit refresh in the browser I lose my jquery programming
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USJason P
UserOwnerUserId
1. USRamona Soderlind
plurals
PostLinksPostIdRelatedPostId
1. PL
 singulars
 LinkTypeLinkTypeId
 LTLinked
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
3. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId

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.