Плавный переход по нажатию на DIV?

[Гаджи]

Привет всем. Можно ли сделать плавный переход к якорю по нажатию на блок div. Просо переход получается, но нужно плавно чтобы работал. Можно ли такое сделать?

<div onClick="window.location='#anchor'"</div>

[Viral]

Нет невозможного

[Гаджи]

Ну это по нажатию на ссылку. А я спрашиваю по нажатию на блок div

[ksa]

Ну это по нажатию на ссылку. А я спрашиваю по нажатию на блок div

onclick он и в Африке onclick...

[Гаджи]

Понятно что и в африке а можно ли сделать так?

[krasovsky]

Можно. По клику надо вычислить offset top якоря и прокрутить это расстояние минус высоту окна(window)

[Гаджи]

А можно пример? Я пока только начинаю изучать javascript

[krasovsky]

на jquery все достаточно просто:

var offset = $('#myAnchor').offset().top;
$('body').scrollTop(offset );

Это без плавного перехода, который можно осуществить используя метод animate (доку почитаешь). На чистом js придется попариться с циклами.
А вообще примеры в гугле ищи, таких там вагон

[Гаджи]

<div class="product" onClick="window.location='#anchorsklad'"></div>

<script>
	var offset = $('#anchorsklad').offset().top;
	$('body').scrollTop(offset ).animate({scrollTop: destination}, 1100);
</script>

Делаю так, но переход осуществляется мгновенно. Что не так делаю?

[krasovsky]

Делаю так, но переход осуществляется мгновенно. Что не так делаю?

$('body').scrollTop(offset ).animate({scrollTop: destination}, 1100);
1 откуда взялось destination?
2 ты сначала применяешь метод мгновенного скролирования, а потом его же через animate, но так как ты уже мгновенно прокрутился то эффекта не видишь. Вопрос: зачем тут это .scrollTop(offset ) если ты animate применяешь?