Databases
StackOverflow2013
Postsdbo
POmouseenter mouseleave not working the way I think it should
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POmouseenter mouseleave not working the way I think it should
    text
    copied!<p>I am relatively new to jQuery, and I seem to be stuck with this mouseenter/mouseleave problem. I would like to setup a menu that "hides" when the page isn't at the top, which seems to be working fine, when it's hidden I would like to make it so when a user hovers over it the class switches and the menu comes back out. However, I don't want this when it gets scrolled back to the top. It works fine when the page first loads (in firefox and chrome) and I haven't scrolled yet, but after scrolling down and back to the top the menu will hide on mouseleave. </p> <p>Here is a <a href="http://jsfiddle.net/bJquD/" rel="nofollow">jsFiddle</a> of my current code setup.</p> <p>I've been trying to solve this for awhile now, and have tried a few other methods.</p> <p>I tried just using hover like this</p> <pre><code>$("#access").hover(function() { $(this).removeClass("scroll").addClass("normal"); }, function() { $(this).removeClass("normal").addClass("scroll"); }); </code></pre> <p>but that did the same thing as the code I have right now.</p> <p>Some of the other methods I tried was to pass the b variable to another function, create a seperate div and track it's position to determine whether or not to use the mouseenter/mouseleave, and finally to bind them, but none of this seemed to work as I thought it should.</p> <p>I can't think of anything else to try, so I am not sure if it's something I'm doing wrong or if this isn't even possible to accomplish like this.</p> <p>This is my first question I tried to include as much information as I could think of hopefully it's enough information.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload