Плавающий блок ДЛЕ наезд на footer

Тема в разделе "Верстка", создана пользователем slavik11, 17 ноя 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. slavik11

    slavik11 ------------

    Регистр.:
    7 июл 2014
    Сообщения:
    209
    Симпатии:
    155
    Приветствую. Хотел поставить на сайт плавающий блок, нашел код все отлично работает, но есть одна проблема, при прокрутки вниз, блок не останавливается на footer сайта, а заезжает прямо на него, может знает кто как решить эту проблему?
    Вот сам код:
    Код:
    <div>
    <script>
    $(window).scroll(function() {
    if ($(this).scrollTop()>500) $('#scrollable').css({'position':'fixed','top':'0px'});
    else $('#scrollable').css({'top':'500px','position':'absolute'});
    });
    </script>
    <div id='scrollable' style='width:300px;height:300px;'>  
    ЗДЕСЬ КОНТЕНТ, КОТОРЫЙ БУДЕТ ФИКСИРОВАТЬСЯ (ПЛАВАТЬ)
    </div>
    </div>
     
  2. Iga

    Iga Постоялец

    Регистр.:
    12 янв 2014
    Сообщения:
    139
    Симпатии:
    17
    не совсем понял как это выглядит, но, возможно, нужно добавить мэрджин размером с высоту футера?
     
  3. Didi

    Didi Создатель Нарушитель

    Регистр.:
    16 окт 2013
    Сообщения:
    29
    Симпатии:
    9
    У вас проблема в скрипте как и во многих подобных скриптах:
    то что он делает, это после спуска на 500px начинает "плавать" прикрипившись к верху экрана.
    Пока страница длинная - все ок, но когда подьезжаем к футеру,
    страница кончается и футер заезжает под него.
    Такого рода скрипт нужно как минимум дополнить таким образом чтобы в какойто момент (ближе к низу) он перестал плавать.
    По идее предложенный выше марджин высотой в футер, может решить проблему. Не элегант конечно но все же..))
     
Статус темы:
Закрыта.