Θ

You know how jquery’s slide effects can be a little jerky/jumpy sometimes? Well after much searching, I’ve found the solution. Usually, you would put something like this in the html and css:

<div id="search">
Content here!
</div>
#search {
width: 100%;
padding: 30px 0;
}

The padding and/or margin on the collapsing div cause the jumping effect. However, we can circumvent this simply by revising our code slightly:

<div id="search">
<p>Content here.</p>
</div>
#search {
width: 100%;
}
#search p {
padding: 30px 0;
}

This seems to fix the problem, with a minimal amount of extra code.

Oh and yes, I am working on completing the site, including the comments section. Just be patient.

No replies


  • No comments, wanna leave one?


Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">