위치값 이동 속도(스크롤이동)에 대해 질문입니다.
아론아브라함
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd
html
head
meta http-equiv=Content-Type content=text/html; charset=utf-8
meta name=generator content=Website Painter
title/title
style type=text/css
a { color:#A01FCB; }
a:visited { color:#800080; }
a:active { color:#8018CB; }
a:hover { color:#E3B4F3; }
/style
/head
body style=background-color:#FFFFFF; height:1500px; width:1100px;
div style=text-align:left;div style=overflow:hidden; position:absolute; left:600px; top:0px; width:500px; height:1500px; background-color:#1C3C4C;z-index:1 id=wsp_49364a9
div style=text-align:left;div style=overflow:hidden; position:absolute; left:0px; top:0px; width:500px; height:500px; background-color:#DDDDDD;z-index:2 id=1d
/div
div style=overflow:hidden; position:absolute; left:0px; top:500px; width:500px; height:500px; background-color:#DDFFDD; z-index:2 id=2d
/div
div style=overflow:hidden; position:absolute; left:0px; top:1000px; width:500px; height:500px; background-color:#4F4F4F; z-index:2 id=3d
/div
/div
/div
div style=overflow:hidden; position:fixed; left:0px; top:0px; width:500px; height:600px; background:none;z-index:1 id=wsp_25ee779
a href=#1d
div style=text-align:left;div style=overflow:hidden; position:absolute; left:400px; top:50px; width:100px; height:100px; background-color:#000000;z-index:2 id=1
/div
/a
a href=#3d
div style=overflow:hidden; position:absolute; left:400px; top:200px; width:100px; height:100px; background-color:#1D3F45;z-index:2 id=2
/div
/a
/div
/div
/div
/body
/html
간단하게 소스로 만들었는데 클릭시 위치값 이동은 되는데 문제는 부드럽게 이동이 안되고 바로 해당 영역으로 이동되거든요.
이것을 어떻게 하면 부드럽게 쭉 올라간다 내려간다 라는 느낌이 들도록 할수있을까요??