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

[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>

[рони]

Kiriklk,
а полный пример где?

[Kiriklk]

Kiriklk,
а полный пример где?

С html??

[Kiriklk]

<button type="button" id="btn-map1" class="btn btn-map">Посмотреть здание на карте</button>
<div id="map" class="map" style="width: 750px; height: 450px; opacity:0; display:none; position:relative;"></div>

[рони]

Kiriklk,
где можно увидеть вашу проблему? или по частям кода пазл составлять? сделайте пример в любой песочнице http://plnkr.co/edit/?p=preview

[Kiriklk]

рони,
Там не получится это сделать.. Либо мне придется дофига сидеть.. Может мне получится вас скринами ознакомить? Если нужен полный код, то вот..

<button type="button" id="btn-map1" class="btn btn-map">Посмотреть здание на карте</button>
 <div id="map" class="map" style="width: 750px; height: 450px; opacity:0; display:none; position:relative;"></div>
[JS]<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");
							$map.focus();
							if ($map.css ('display') == 'block') {
								$button.text('Развернуть');
							}
						}
					  });
				</script>[/JS]

Сама карта открывается в модальном окне..

[рони]

Kiriklk,
не могу ничем помочь

[Kiriklk]

http://i80.fastpic.ru/big/2016/0606/...68c299be0c.jpg

[Kiriklk]

http://i80.fastpic.ru/big/2016/0606/...ecebda6ee5.jpg

http://i80.fastpic.ru/big/2016/0606/...e4c5cc4535.jpg

[Kiriklk]

рони,
Спасибо