StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POJavascript Bind function to mouse wheel
primarykey
Id
13123670
data
AcceptedAnswerId
0
AnswerCount
2
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2012-10-29T14:33:35.010
FavoriteCount
0
LastActivityDate
2012-10-29T18:20:44.347
LastEditDate
LastEditorUserId
0
OwnerUserId
1429393
ParentId
0
PostTypeId
1
Score
1
ViewCount
600
LastEditorDisplayName
text
Body
<p>I have a single page website that uses internal anchors to give the illusion of multiple pages. I have written a javascript function that reads the mousewheel up/down from the user and that based on that, sends the user to the anchor above/below the current page they are. The function is working properly as described however the mousewheel is so sensitive that the slightest move will fire multiple mousewheel events and send the user multiple pages up/down instead of just one.</p> <p>I need a way to limit how many times my mousewheel function can be executed so that the user only moves one page in either direction on the mousewheel regardless of fast/slow the mousewheel was used. My javascript is below.</p> <pre><code><script> $(document).ready(function(){ $("#main").bind('mousewheel', function(event) { if (event.originalEvent.wheelDelta >= 0) { var currentPage = $(".active").attr('href'); switch(currentPage){ case "#publications": window.location = $("#menu-item-290 a").attr('href'); break; case "#branding": window.location = $("#menu-item-106 a").attr('href'); break; case "#website-development": window.location = $("#menu-item-110 a").attr('href'); break; case "#about-us": window.location = $("#menu-item-109 a").attr('href'); break; case "#contact": window.location = $("#menu-item-108 a").attr('href'); break; } } else { var currentPage = $(".active").attr('href'); switch(currentPage){ case "#home": window.location = $("#menu-item-106 a").attr('href'); break; case "#publications": window.location = $("#menu-item-110 a").attr('href'); break; case "#branding": window.location = $("#menu-item-109 a").attr('href'); break; case "#website-development": window.location = $("#menu-item-108 a").attr('href'); break; case "#about-us": window.location = $("#menu-item-107 a").attr('href'); break; } } }); }); </script> </code></pre>
Tags
<javascript><html><anchor><internal-link>
Title
Javascript Bind function to mouse wheel
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USuser1429393
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. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POJavascript Bind function to mouse wheel
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
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.