<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Denys Duvanov 0931454574.blogspot.com</title>
<!--<link href="img/styles.css" rel="stylesheet" type="text/css" />
-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$(".scroll").click(function(event){
// останавливаем действие ссылки
event.preventDefault();
//получаем урл, ну это если несколько захотите разместить, например топы в каждом параграфе, вернуться в топ.сейчас закоментил для удобства.
var full_url = this.href;
//это делаем идентификатор на каждый топ
var parts = full_url.split("#");
var trgt = parts[1];
//движемся к якорю
var target_offset = $("#"+trgt).offset();
var target_top = target_offset.top;
// тут думаю ясна анимация
$('html, body').animate({scrollTop:target_top}, 500);
});
});
</script>
<style type="text/css">
.top {
background-image: url(top.png);
background-repeat: no-repeat;
float: left;
height: 48px;
width: 950px;
padding-bottom: 35px;
background-position: bottom;
margin-bottom: 20px;
}
.top p {
text-align: center;
color: #999999;
font-size: 10px;
top:1000px; /*<!--//указатель места-->*/
position:relative; /*<!--// обязательно, иначе не будет работать цсс топ-->*/
}
a:link {
color: #666666;
}
a:visited {
color: #666666;
}
a:hover {
color: #000000;
}
a:active {
color: #666666;
}
</style>
</head>
<body>
<div id="top">
<div id="gallery">
<h1>Gallery <br />
<span class="description">This is the Gallery Page</span></h1>
</div><!--gallery ends--><!--top ends--><!--portfolio ends--><!--top ends--><!--contact ends-->
<div class="top">
<p><a href="#top" class="scroll">Back To Top</a></p>
</div><!--top ends-->
</div><!--container ends-->
</body>
</html>
В общем планенькое смещение к якорю.
Желательно ответить , то ли это, что нужно?