Как изменить высоту блока при достижении футера?

Question

[Salim]

Здраствуйте, у меня блок рекламы фиксированный на правой стороне, но есть такая пролема что из за того что у него poition:fixed при скролле вниз он получается на вверху футера, как сделать так чтобы при достижении футера у него появлялся margin-bottom чтобы он наезжать на футер или можно уменшить marign-top. код странный, но для проверки надо узнать. Вот код:

<div class="main_adsense_box">
        <img style="width: 100%; height: 100%;" id="reklam_img">
    </div>

.main_adsense_box {
    width: 30vh;
    margin-left: 76%;
    margin-top: 20%;
    position: fixed;
    height: 50vh;
}

let imgs = ['../0.jpg', '../1.jpg',]; 
let i = Math.floor(Math.random() * imgs.length);
let image2 = document.getElementById("reklam_img");
imgsrc(); 
image2.onclick = imgsrc;

function imgsrc() {
    image2.src = imgs[i]; 
    if (++i === imgs.length) i = 0;
}

Js чтобы каждый раз появлялись разные картинки.

Answer 1

[Aricus]

Если я правильно понял, без js тут не обойтись. Ознакомьтесь с методами работы со скроллом, и, думаю, будет понятно, что делать. Если останутся вопросы, напишите комментарий.