Как задать якорь для модального окна?

Question

[mindx]

Как сделать, чтобы при открытии он как к якорю прокручивал, или хотябы открывал нормально на весь экран.
Вот он в нормальном состоянии
Учусь только

.portfolio .popup-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

<script>
		$('.popup-link').click(function(){
			$('main').css('filter','blur(50px)');
			$('.popup-overlay').fadeIn();
			$('body').css('overflow','hidden');
		});
		$('.popup-close').click(function(){
			$('.popup-overlay').fadeOut();
			$('body').css('overflow','none');
		})
	</script>

Comments

[Сергей Бурдужа]

Для модальных окон всегда задается position fixed.
А что вы имеете в виду вне зоны его высоты?
А где его зона?

[mindx]

Не так выразился... Не знал как точнее истолковать)

Answer 1

[Козебожка]

position: fixed;

Answer 2

[Максим]

Это конечно не js но так тоже можно : https://codepen.io/topicstarter/pen/deEvBz?editors=1000