Форум русской поддержки Joomla!® CMS
01.05.2017, 00:53:47 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Прилипание блока при прокрутке вниз

 (Прочитано 124 раз)
0 Пользователей и 1 Гость смотрят эту тему.
ingavr
Давно я тут
****

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 279


« : 10.04.2017, 23:07:48 »

Доброго времени суток!
Много перерыл, но так и не нашёл конкретно моего случая.
Необходимо, чтобы блок останавливался (прилипал) к верху окна браузера тогда, когда он туда дойдёт (при прокрутке страницы) и (отлипал) когда прокручиваешь обратно страницу.

Нашёл решение, которое хоть как-то работает у меня, но там конкретная величина прокрутки, а надо чтобы этот блок замирал именно при соприкосновении с верхом окна.
вот код:
Код:
<script type="text/javascript">
  jQuery(function ($) {
    $(window).scroll(function () {
        $('.feature-log')[
            ($(this).scrollTop() > 550 ? "add" : "remove") + "Class"
            ]("bar_fixed");
    });
});</script>

Подскажите что надо сделать, чтобы добиться желаемого результата?
Записан
darkghost
Практически профи
*******

Репутация: +80/-0
Offline Offline

Сообщений: 1907



« Ответ #1 : 11.04.2017, 01:15:27 »

Видимо шо то плохо или вовсе не там "копали" -) Вот Гулгля дает варианты, но а вот конкретный вариант
Другое дело если эти варианты не работают - тогда необходимо глубже "копать" и искать закавыку - почему?
Записан
ingavr
Давно я тут
****

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 279


« Ответ #2 : 11.04.2017, 14:49:39 »

Видимо шо то плохо или вовсе не там "копали" -) Вот Гулгля дает варианты, но а вот конкретный вариант

И там и там я был.
Но, видать не разобрался как адаптировать это к своему варианту.
Особенно вторая ссылка - решение скорее всего рабочее, однако для меня сильно уж сложное.

« Последнее редактирование: 11.04.2017, 15:03:44 от ingavr » Записан
ingavr
Давно я тут
****

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 279


« Ответ #3 : 11.04.2017, 16:52:23 »

Собственно вот код, который заработал:
Код:
<script type="text/javascript">
  jQuery(function ($) {
    var objToStick = $(".feature-log"); //Получаем нужный объект
    var topOfObjToStick = $(objToStick).offset().top; //Получаем начальное расположение нашего блока
    $(window).scroll(function () {
      var windowScroll = $(window).scrollTop();
        $(objToStick)[
            ($(this).scrollTop() > topOfObjToStick ? "add" : "remove") + "Class"
            ]("bar_fixed");
    });
});</script>

Это сборная солянка из нескольких))). останавливается в нужном месте.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet