Как убрать обновление iframe?

Question

[testkeyc]

Сделал так, чтобы карта показывалась когда пользователь пролистал страницу на несколько пикселей вниз. Проблема заключается в том, что когда он долистал до карты и начинает скролить, то карта начинает мигать. Как это можно исправить?

Карту добавил путем добавления кода в обычный div блок на странице

window.onscroll = function showHeader(){
	let map = document.getElementById("map");

	if(window.screen.width>=992){
		if(window.pageYOffset > 130) {
			map.innerHTML = '<iframe src="Тут будет ссылка на карту" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>'
		
	}

}

Answer 1

[Sedbol]

let mape=true;
window.onscroll = function showHeader(){
  let map = document.getElementById("map");

  if(window.screen.width>=992){
    if(window.pageYOffset > 130) {
if(mape===true){
mape=false
map.innerHTML = '<iframe src="Тут будет ссылка на карту" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>'
}
      
    
  }

}

Answer 2

[Шохрух Шаймардонов]

Так у вас eventListener срабатывает даже после того, как доходит до нужного места. После того как юзер дойдет карты удалите листенер