Линк към описание в сайта

[lostbg]

Как се правеше това когато кликна на линк примерно <a href="#help">Помощ</a> и да ме праща по долу в страницата където е маркирано да праща при кликането на този бутон и там да има описание? Както е направено в повечето сайтове при FAQ.

 

[adrian]

<a href="#here">Go here</a>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	<div id="here">Text</div>

 

[adrian]

Може и да го анимираш така:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Some title</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
	<script src="scroll.js"></script>
	<script>
		$(function() {
			$('a#scroll').click(function(){
                    $('html, body').animate({
                        scrollTop: $("#bottom").offset().top
                    }, 2000);
                 });
		});
	</script>
</head>
<body>
	<a href="#bottom" id="scroll">Go to bottom div</a>
	<br />a<br />a<br />a<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	<div id="bottom">Bottom</div>
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
	
</body>
</html>

ДЕМО