@testkeyc

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

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

Карту добавил путем добавления кода в обычный 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>'
		
	}

}
  • Вопрос задан
  • 51 просмотр
Решения вопроса 1
Sedbol
@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>'
}
      
    
  }

}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
joeberetta
@joeberetta Куратор тега JavaScript
Читай: https://epdf.pub/google-for-dummies.html
Так у вас eventListener срабатывает даже после того, как доходит до нужного места. После того как юзер дойдет карты удалите листенер
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Sportrecs Москва
от 150 000 до 200 000 ₽
26 нояб. 2020, в 00:27
500 руб./в час
25 нояб. 2020, в 23:13
1000 руб./за проект
25 нояб. 2020, в 22:43
800 руб./в час