JS скроллит до верха, как прокручивать до элемента?

Всем привет, есть скрипт который сначала разворачивает блок по высоте а зетем прокручивает страницу вверх при клике на него до самого верха, нужно чтоб скролл страницы был до элемента .navbar
код:

var $maphelp = $('.hidemap .googlemap');
		$(".hidemap .mapToggle").click(function () {
			var $this = $(this);
			var $map = $this.parent().find('.googlemapcontainer');
			$this.html($this.html() == 'Скрыть карту <i class="fa fa-angle-down"></i>' ? 'Показать карту <i class="fa fa-angle-up"></i>' : 'Скрыть карту <i class="fa fa-angle-down"></i>');

			if ($map.height() != "0") {
				$map.animate({height: '0px'}, 500);
			} else {
				$map.animate({height: $maphelp.data("height") + "px"}, 500);
				setTimeout(function () {
					$('html, body').animate({
						scrollTop: $map.offset().top
					}, 1000);
				}, 500);

			}
		})