0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 1335 Просмотров
*

ingavr

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

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

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

darkghost

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

ingavr

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

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

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

ingavr

  • Захожу иногда
  • 283
  • 0 / 0
Собственно вот код, который заработал:
Код
<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>

Это сборная солянка из нескольких))). останавливается в нужном месте.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вставить логотип слева от меню так, чтобы меню не сьезжало вниз!

Автор chen

Ответов: 7
Просмотров: 556
Последний ответ 21.10.2022, 22:06:44
от marksetter
Почему всплывающее окно уходит вниз?

Автор art22

Ответов: 3
Просмотров: 397
Последний ответ 12.11.2020, 14:43:43
от art22
Модули на главной странице съезжают вниз

Автор mazgan

Ответов: 6
Просмотров: 554
Последний ответ 08.09.2020, 13:19:28
от mazgan
Изменить название блока на главной странице шаблона J!Blank

Автор stitch808

Ответов: 1
Просмотров: 496
Последний ответ 04.05.2020, 23:19:04
от stitch808
SP Page Builder настройка блока

Автор Артём46

Ответов: 4
Просмотров: 945
Последний ответ 22.12.2019, 21:16:21
от SolopoV