@101ANDROID

Как изменить код оверлея?

Прошу помочь, есть готовый скрипт для показа оверлея РСЯ на мобильных устройствам. В данном виде реклама показывается в самом вверху, как только начинается прокрутка страницы. Подскажите что добавить/исправить, чтобы срабатывание блока началось или с задержкой в секундах или, например, после прокрутки страницы до середины?

<div class="myblockbottom" style="display: none">
    <div class="myblockbottom__close"></div>
<div id="yandex_rtb_block"></div>
<script type="text/javascript">
    (function(w, d, n, s, t) {
        w[n] = w[n] || [];
        w[n].push(function() {
            Ya.Context.AdvManager.render({
                blockId: "R-A-XXXXXX-Z",
                renderTo: "yandex_rtb_block",
                async: true
            });
        });
        t = d.getElementsByTagName("script")[0];
        s = d.createElement("script");
        s.type = "text/javascript";
        s.src = "//an.yandex.ru/system/context.js";
        s.async = true;
        t.parentNode.insertBefore(s, t);
    })(this, this.document, "yandexContextAsyncCallbacks");
</script></div>
  
<script type="text/javascript">
(function() {
  
  document.addEventListener("scroll", checkIfNearPosition)

	document.querySelector('.myblockbottom__close').addEventListener('click', function(e) {
  	e.target.parentNode.style.display = 'none', document.removeEventListener("scroll", checkIfNearPosition)
  })
  
  function checkIfNearPosition(e) {
		if(!/iPhone|iPad|iPod|webOS|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile|Android/i.test(navigator.userAgent)
) return;
    var x = document.querySelector('.myblockbottom');
  	window.pageYOffset > 100 && (x.style.display = 'block') || (x.style.display = 'none')
  }
  
})()
</script>
  • Вопрос задан
  • 74 просмотра
Пригласить эксперта
Ответы на вопрос 1
setInterval(()=>{
// your code
},1000)
// задержка выполнения 1000 mc (1сек)
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы