javascript - javascript div overlap

Question

In my page am using effect.shrink().

While clicking fast the div tags are overlapping with other tags.

How do I solve this problem? Am using scriptaculous.js and prototype.js

Answer 1

您将效果的持续时间设置为多少？默认值为 1.0 秒。尝试减少此效果，这样效果就不会花费很长时间，并且能够在您下次点击之前完成。

<a href="#" onclick="Effect.Shrink('myDiv', { duration : 0.1 } );">Shrink</a>
<div id="myDiv">
   ....
</div>

Answer 2

将该 div 的填充设置为 0，并使用内部元素进行填充。