2011-09-05 2 views
2

div 안에 두 개의 클릭 할 수있는 이미지가 있습니다. 클릭하면 3 ~ 6 픽셀 이동합니다. 고정 또는 절대로 설정하면 점프하지 않고 하나의 요소를 함께 유동화합니다. div은 좋은 형식입니다.이미지가 클릭시 5 픽셀 씩 이동합니다

<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%; 
} 
+1

에 .buttons의 라인 높이를 설정? – Baz1nga

+0

실제로 귀하의 질문은 무엇입니까? – Joost

+0

"뛰어 오르는"무엇을 의미합니까? 이미지가 페이지의 다른 요소와 관련하여 위치를 변경한다는 의미입니까? 'a' 태그와 관련된 코드가 질문에 표시되지 않은 요소의 스크롤 위치를 변경하려고 할 때 문제의 일부가 될 수 있다고 생각하십니까? 해당 링크가 스크롤하는 div 내부에 표시되는 div입니까? – nnnnnn

답변

관련 문제