Всем привет!
Помогите пожалуйста разобраться с возникшей ситуацией.
Пытаюсь вычислить программно, когда пользователь прокрутил страницу сайта до конца. Когда пользователь прокручивает страницу ниже 700px, я фиксирую рекламный блок и дальше он постоянно виден пользователю. Когда пользователь докручивает страницу вниз до конца, то происходит следующее действие. Рекламный баннер залезает на подвал(footer) сайта, что делает мой скрипт не совсем адаптивным.
Code Js:
/**Fixed adv google adsense**/
$(window).scroll(function(){
var width = $(window).scrollTop();
var height = $(document).height();
var minus_height = $(window).height();
if(width > 700){
$('.WA-adv-google-adsense').css({'position':'fixed','top':'2%'});
}
if(width == height - minus_height){
$('.WA-adv-google-adsense').css({'position':'fixed','top':'-24.3%'});
}
if(width <= 280){
$('.WA-adv-google-adsense').css({'position':'static'});
}
Code html:
<aside>
<div class="WA-left-sidebar">
<div class="WA-lb">
<div class="WA-adv-google-adsense">
<!--Тут находится рекламный банер-->
</div>
</div>
</div>
</aside>
В целом всё работает как нужно, но мне требуется, чтобы скрипт сработал немного раньше и баннер перестал наезжать на подвал сайта.
Буду признателен за мудрую подсказку!