Как проскролить до верха элемента?

Question

[b_efimenko]

Есть блок на сайте, у которого своя прокрутка.
Как можно сделать такой функционал:
Тыкаю на какую то кнопку, обычное событие клика, и после этого определенный блок, в блоке с личной прокруткой, скролится так, что бы его верх совпал с верхом окна браузера.
Заранее спасибо.

Answer 1

[Петр Петров]

<nav>
		<ul>
			<li><a href="#home">Домой</a></li>
			<li><a href="#about">О нас</a></li>
		</ul>
	</nav>
	<div id="home">
		<!-- Some content -->
	</div>
	<div id="about">
		<!-- Some content -->
	</div>

	<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
	<script>
		$('nav a[href^="#"]').on('click', function() {
			var target = $(this.hash);
			$('html, body').clearQueue().animate({ scrollTop: target.offset().top }, 1500);
			return false;
		});
	</script>

Comments

[b_efimenko]

а что значит "$(this.hash)"?
загуглил - ничего подобного нету, и .hash в api не могу найти...

[b_efimenko]

и я же писал, скролл у другого блока, а не в body.
а то есть, работает не правильно.

[Петр Петров]

b_efimenko: this.hash - берет данные хэша, то есть то что идет после решетки в адресной строке.
Вместо $('html, body') вставьте тот блок который хотите проскроллить. Мир! :)