图像在点击时跳转5个像素

Question

我在div中有两个可点击的图像。当点击时，它们会跳跃3-6个像素。如果我将其设置为固定或绝对，它不会跳转，但将元素一起浮动在一个div中是很好的格式。

 <div class="buttons">
     <a onclick="$('.positionHelper').scrollTo( {top:'-=100px', left:'0'}, 800 );" href="#">
         <img src="images/up.png" />
     </a>
     <a onclick="$('.positionHelper').scrollTo( {top:'+=100px', left:'0'}, 800 );" href="#">
         <img src="images/down.png" />
     </a>
 </div>

.buttons {
    float: left;
    margin-top: -34px;
    position: relative;
    top: 100%;
}

Answer 1

将.buttons的行高设置为0。