위로 및 아래로 버튼을 사용하여 페이지 배너를 위 또는 아래로 스크롤

Question

두 개의 버튼을 머리글 '위쪽 화살표'및 '아래쪽 화살표'에 두었습니다. 콘텐츠 영역에는 배너 이미지가 포함 된 여러 테이블을 배치했습니다. 위쪽 버튼을 클릭하면 첫 번째 테이블이 위로 스크롤되어 두 번째 테이블이 표시되고 마지막 테이블이면 첫 번째 테이블까지 스크롤됩니다. 꼬리말 이미지가 테이블 아래의 같은 위치에 있기를 원하기 때문에 나머지 테이블을 숨기고 싶습니다. 당신이 원하는 사업부에 넣어

1) 테이블 :

<div id="banner"> 
    <table width="750px" height="600px"> 
    <tr> 
    <td><a href="sale_1.php"><img src="banner1.png"/></a></td> 
    </tr> 
    </table> 

    <table width="750px" height="600px"> 
    <tr> 
    <td><a href="sale_2.php"><img src="banner2.png"/></a></td> 
    </tr> 
    </table> 

    <table width="750px" height="600px"> 
    <tr> 
    <td><a href="sale_3.php"><img src="banner3.png"/></a></td> 
    </tr> 
    </table> 
</div> 

버튼 :

<table> 
<tr> 
<td><img src="images/up_arrow.png"/></td> 
<td><img src="images/down_arrow.png"/></td> 
</tr> 
</table> 

Answer 1

가능한 방법은 그것을 할 수 여기

내 테이블에 대한 코드입니다 스크립트로 스크롤하십시오.

2) 사업부

3) 버튼을 위 또는 아래로 컨텐츠를 이동 yourDiv.scrollTop의 값을 조정됩니다에 ID를 부여합니다.

예제가 충분합니까?