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

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Не прокручивается страница при раскрытии блока (https://javascript.ru/forum/dom-window/63418-ne-prokruchivaetsya-stranica-pri-raskrytii-bloka.html)

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

Доброго времени суток, друзья! Подскажите, почему страница не прокручивается вниз, а остается на месте при раскрытии блока, но блок уходит ниже чем края страницы по вертикали.. Нужно чтобы страничка прокручивалась за ним.. 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,
а полный пример где?

Цитата:

Сообщение от рони (Сообщение 418636)

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

С html??

<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

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

<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,
не могу ничем помочь

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