Показать сообщение отдельно
  #1 (permalink)  
Старый 02.04.2018, 12:14
Аватар для Андрей39
Новичок на форуме
Отправить личное сообщение для Андрей39 Посмотреть профиль Найти все сообщения от Андрей39
 
Регистрация: 02.04.2018
Сообщений: 4

Определить что пользователь прокрутил страницу до конца
Всем привет!

Помогите пожалуйста разобраться с возникшей ситуацией.

Пытаюсь вычислить программно, когда пользователь прокрутил страницу сайта до конца. Когда пользователь прокручивает страницу ниже 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>


В целом всё работает как нужно, но мне требуется, чтобы скрипт сработал немного раньше и баннер перестал наезжать на подвал сайта.

Буду признателен за мудрую подсказку!

Ответить с цитированием