Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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>


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

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

Ответить с цитированием
  #2 (permalink)  
Старый 02.04.2018, 12:26
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

Андрей39,
http://jsfiddle.net/8PkQN/1/
Ответить с цитированием
  #3 (permalink)  
Старый 02.04.2018, 12:48
Аватар для Андрей39
Новичок на форуме
Отправить личное сообщение для Андрей39 Посмотреть профиль Найти все сообщения от Андрей39
 
Регистрация: 02.04.2018
Сообщений: 4

Сообщение от destus Посмотреть сообщение
Андрей39,
http://jsfiddle.net/8PkQN/1/
Так у меня тоже работает, но баннер наезжает на футер.

http://jsfiddle.net/8PkQN/1303/

А мне нужно, чтобы скрипт сработал немного раньше, до того как баннер наедет на подвал сайта!

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

Андрей39,
http://jsfiddle.net/ga7og4n6/

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

Сообщение от destus Посмотреть сообщение
Андрей39,
http://jsfiddle.net/ga7og4n6/
Спасибо тебе огромное, это то, что надо! Если не сложно, можно вкратце тоже самое только на jQuery?
Ответить с цитированием
  #6 (permalink)  
Старый 02.04.2018, 15:18
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

Андрей39,
вроде похоже на правду http://jsfiddle.net/ctkxyway/
Ответить с цитированием
  #7 (permalink)  
Старый 02.04.2018, 15:31
Аватар для Андрей39
Новичок на форуме
Отправить личное сообщение для Андрей39 Посмотреть профиль Найти все сообщения от Андрей39
 
Регистрация: 02.04.2018
Сообщений: 4

Сообщение от destus Посмотреть сообщение
Андрей39,
вроде похоже на правду http://jsfiddle.net/ctkxyway/
Спасибо тебе огромное!

Почему-то не догадался, что нужно работать с координатами блоков!

Последний раз редактировалось Андрей39, 02.04.2018 в 15:35.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Если пользователь проскроллил до конца страницы KiberQ Общие вопросы Javascript 10 01.04.2017 18:07
Как определить что страница загружена не полностью? PAMAC Общие вопросы Javascript 2 22.02.2011 17:59
Как правильно определить, что мы на фреймовой странице? Lexi Events/DOM/Window 4 31.08.2010 13:10
Как узнать, что пользователь не нажимал клавиш strike Общие вопросы Javascript 7 22.07.2009 13:30
Как узнать, что пользователь просматривает страницу? Tumman Events/DOM/Window 1 19.03.2009 18:38