Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery jerking animation, only happens in specific circumstances
    primarykey
    data
    text
    <p>I'm having what at first looks like a typical margin related jerking problem with jQuery, using the jQuery UI "show()" method (animation is called "clip"). However, firstly, the box slides down too far, and then "jerks" back up again (usually when it's margin related, the box slides down most of the way then "jerks" the rest to accommodate the margin). Also, it only happens in very specific circumstances. The page in question:</p> <p><a href="http://iamalexkempton.net/themes/windowed/noslider.html" rel="nofollow">http://iamalexkempton.net/themes/windowed/noslider.html</a></p> <p>There are a bunch of hidden DIVs using CSS. They are revealed using the navigation. The DIVs can be hidden again using the "X" icon. The bug only happens with the "profile" DIV and the "hello" DIV. In the "hello" DIV, it doesn't jerk because jScrollPane is activated, but you can see something is going wrong because there is a huge gap at the bottom of the content that shouldn't be there.</p> <p>Weirdly, the bug ONLY happens once. Also, it ONLY happens if no other DIVs are revealed before hand. If you clicked on "tags" and then "profile", the bug won't happen. Only when "profile" is clicked first, it happens, and then never again.</p> <p>The bug is happening in FF and Chrome, and not IE9, which leads me to think it must have something to do with CSS rendering, but the fact that it only happens under certain circumstances has me very confused.</p> <p>I realise this is a very specific issue, but I'm hoping someone might be able to shed some light on it!</p> <p>Please feel free to critique my coding and anything else, I'm here to learn.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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