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

ingavr

Захожу иногда
283
0 / 0

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

« : 10.04.2017, 22:07:48 »

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

Нашёл решение, которое хоть как-то работает у меня, но там конкретная величина прокрутки, а надо чтобы этот блок замирал именно при соприкосновении с верхом окна.
вот код:

Код

<script type="text/javascript">
  jQuery(function ($) {
    $(window).scroll(function () {
        $('.feature-log')[
            ($(this).scrollTop() > 550 ? "add" : "remove") + "Class"
            ]("bar_fixed");
    });
});</script>

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

Записан

darkghost

Живу я здесь
2212
97 / 0

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

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

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

Записан

ingavr

Захожу иногда
283
0 / 0

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

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

Цитата: darkghost от 11.04.2017, 00:15:27

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

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

« Последнее редактирование: 11.04.2017, 14:03:44 от ingavr »

Записан

ingavr

Захожу иногда
283
0 / 0

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

« Ответ #3 : 11.04.2017, 15: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>

Это сборная солянка из нескольких))). останавливается в нужном месте.

Записан

Перенести описание категории вниз страницы Автор jimka	Ответов: 1 Просмотров: 1981	18.07.2024, 08:02:46 от Vastriet
Вставить логотип слева от меню так, чтобы меню не сьезжало вниз! Автор chen	Ответов: 7 Просмотров: 1088	21.10.2022, 22:06:44 от marksetter
Почему всплывающее окно уходит вниз? Автор art22	Ответов: 3 Просмотров: 695	12.11.2020, 14:43:43 от art22
Модули на главной странице съезжают вниз Автор mazgan	Ответов: 6 Просмотров: 834	08.09.2020, 13:19:28 от mazgan
Изменить название блока на главной странице шаблона J!Blank Автор stitch808	Ответов: 1 Просмотров: 696	04.05.2020, 23:19:04 от stitch808

Прилипание блока при прокрутке вниз - Joomla 3.x: Общие вопросы

Новости Joomla

‼️👩‍💻 Релиз безопасности Astroid 3.3.11 - шаблона-конструктора для Joomla.

👩‍💻 Вышел Quantum Manager 3.3.0 - медиа менеджер для Joomla.

Joomla по-русски — возвращение к истокам

ingavr

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

darkghost

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

ingavr

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

ingavr

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

Похожие темы