Не прокручивается страница при раскрытии блока

[Kiriklk]

Доброго времени суток, друзья! Подскажите, почему страница не прокручивается вниз, а остается на месте при раскрытии блока, но блок уходит ниже чем края страницы по вертикали.. Нужно чтобы страничка прокручивалась за ним.. position:relative; не помогло..
 

<script type="text/javascript">
				  $("#btn-map1").click(function() {
				  var myMap, myPlacemark;
				  var map_block = document.getElementById('map');
				  if (map_block.style.opacity == '0'){
                          myMap = new ymaps.Map("map", {
                              center: [55.76, 37.64],
                              zoom: 7
                          });
						  myPlacemark = new ymaps.Placemark([55.76, 37.64], {
                              hintContent: 'Москва!',
                              balloonContent: 'Столица России'
                          });
						  map_block.style.opacity = '1';
						  myMap.geoObjects.add(myPlacemark);
						  }
						  else{
						  return false;
						  }
						  });
				  </script>
				  <script type="text/javascript">
					$("#btn-map1").click(function () {
					var $map = $('#map');
					var $button = $('#btn-map1');
						$map.fadeIn("slow");
						if ($map.css ('display') == 'block') {
						$button.text('Свернуть');
						}
						if ($map.css ('opacity') == '1') {
							$map.slideToggle("slow");
							if ($map.css ('display') == 'block') {
								$button.text('Развернуть');
							}
						}
					  });
				</script>

 

[cat]

Создай кейс на фидле

https://jsfiddle.net/