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