Вы находитесь здесь:Плагины jQuery»liFixar - jQuery Stick Element или фиксированный блок на jQuery

liFixar - jQuery Stick Element или фиксированный блок на jQuery

Вторник, 20 Ноябрь 2012 03:11 Автор LiMasscode

Комментарии (71)

Демо: http://jsfiddle.net
Скачать: ZIP

Плагин liFixar фиксирует указанные элементы у края окна браузера при скроллинге
Это значит что при прокрутке страницы ваше меню, кнопки, блоки или ссылки достигнув края окна зафиксируются и будут всегда на виду.
Вы можете фиксировать элемент и сверху и снизу экрана.
Популярным является фиксация сверху горизонтального меню, но вы можете фиксировать и вертикальное меню, подвал сайта, баннеры, счетчики, формы и другие функциональные элементы.

Пример работы на JSFIDDLE

Подключаемые файлы

Подключаем библиотеку "jQuery" и плагин "liFixar":

   
        <script src="/js/jquery-1.9.1.min.js"></script>
        <script src="/js/jquery.liFixar.js"></script>
        <link rel="stylesheet" href="#">

Структура HTML

Для работы плагина не требуется никакого дополнительного кода. liFixar работает уже с имеющимися элементами
Допустим у вас есть меню вида:

        <ul class="anyClass">
            <li><a href="#">Главная</a></li>
            <li><a href="#">О компании</a></li>
            <li><a href="#">Каталог</a></li>
            <li><a href="#">Партнеры</a></li>
            <li><a href="#">Услуги</a></li>
            <li><a href="#">Доставка</a></li>
            <li><a href="#">Контакты</a></li>
        </ul>

Инициализация плагина

Вешаем на имеющееся меню наш плагин

$(function(){
    $('.menuTop').liFixar({
      side: 'top',                 // "top" (по умолчанию), "bottom", "all"  - 
                                   // сторона, к которой блок будет прилипать
                     
      position: 10,                // любое целое число - расстояние от элемента до края экрана,
                                   // при котором элемент остановится и зафиксируется
                     
      fix: function(el, side){},   // Функция выполняется, когда элемент прилипает
      unfix: function(el, side){},  // Функция выполняется, когда элемент отлипает
      wrapper:false                //Задает элемент в пределах которого будет происходить фиксация блока
    });
})

И все готово!

Параметры

Option	Default value	Datatype	Description
side	"top"	String	Указывает на сторону экрана, к которой будет прилипать блок. Может принимать значения: "top", "bottom", "all"
position	0	Number	Задает расстояние от элемента до края экрана, при котором элемент остановится и зафиксируется. Может принимать значения: любое целое число
wrapper	false	jQuery object	Задает элемент в пределах которого будет происходить фиксация блока Может принимать значения: $('element'), $('.elementClass'), $('#elementName')

Методы

setPosition:

top: 200px bottom:200px

$('.selector').liFixar('setPosition','200px')

top: 200px bottom:100px

$('.selector').liFixar('setPosition','200px 100px')

getPosition

Вернет два значения: top bottom

$('.selector').liFixar('getPosition')

update

Обновит позиционирование блоков (незаменимо в случае с блоками, высота которых может меняться)

$('.selector').liFixar('update')

disable

Отключает работу плагина

$('.selector').liFixar('disable')

enable

Включает работу плагина

$('.selector').liFixar('enable')

Быстрый старт

Для подключения плагина liFixar выполните следующие действия:

1. В основной папке вашего сайта создайте такие папки:
- "js"
- "css"

2. Скопируйте в папку "js" файлы:
- jquery-1.9.1.min.js
- jquery.liFixar.js

3. Скопируйте в папку "css" файл:
- liFixar.css

4. В код страницы добавьте следующее содержимое:

<head>
  <script src="/js/jquery-1.9.1.min.js"></script>
  <script src="/js/jquery.liFixar.js"></script>
  <link rel="stylesheet" href="#">
    
  <script>
  $(function(){
      $('.menuTop').liFixar({
        side: 'top',
        position: 10,
        fix: function(el, side){},
        unfix: function(el, side){},
        wrapper:false
      });
  })
  </script>
</head>

<body>
  <ul class="anyClass">
      <li><a href="#">Главная</a></li>
      <li><a href="#">О компании</a></li>
      <li><a href="#">Каталог</a></li>
      <li><a href="#">Партнеры</a></li>
      <li><a href="#">Услуги</a></li>
      <li><a href="#">Доставка</a></li>
      <li><a href="#">Контакты</a></li>
  </ul>
</body>

Готово!

BugFix

18.11.2014 - Добавлены методы "disable" и "enable"
07.11.2014 - Добавлена фиксация в пределах родительского блока
27.01.2014 - Исправлены баги под IE
06.07.2013 №4 - Исправлено поведение фиксированных элементов при изменении ширины экрана
06.07.2013 №3 - Добавлены callback функции fix и unfix
06.07.2013 №2 - Добавлена поддержка фиксации сразу и сверху и снизу
06.07.2013 №1 - Добавлена поддержка фиксации резиновых элементов
31.01.2012 - Плагин обновлен до версии 2.0
Теперь фиксировать можно и абсолютно позиционированные элементы

Демо: http://jsfiddle.net
Скачать: ZIP

Прочитано 28371 раз Последнее изменение Пятница, 08 Июль 2016 11:39

Оцените материал

(4 голосов)

Теги

Другие материалы в этой категории: « liFontResponsive - jQuery Font Responsive или адаптивный текст на jQuery liReverse - jQuery Reverse Elements или обратный порядок элементов на jQuery »

При изменении размера браузера, когда исчезает полоса прокрутки, элементы под 100% ширины не перерисовываютс я. И это действительно исправляется кодом, написанным выше, т.к. заставляет браузер снова считать ширину.

Осталось одна проблема касательно фиксации к bottom: если до изменения размера, была полоса прокрутки, а после - её нет, то блок всё равно остаётся прификсирован к bottom, хотя уже видно то, что должно быть после него.

Ответить | Ответить с цитатой | Цитировать

# NikolayB 07.05.2013 23:26

Столкнулся с проблемой. Если у .anyClass есть padding и border, то (по меньшей мере в FF):
menuW = menu.outerWidth(),

учитывает паддинги и бордеры, а затем на их величину увеличивает ширину .anyClass при присвоении:
menu.css({width:menuW})

Предлагаю рассмотреть фикс этой ситуации:
menuW = menu.css('width ') || menu.outerWidth(),
Идея в том, что если задана ширина через CSS - то надо брать её. Так как после активации, CSS добавит все border и padding уже к inline-стилю.

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 06.07.2013 12:37

Цитирую NikolayB:

Столкнулся с проблемой. Если у .anyClass есть padding и border, то (по меньшей мере в FF):
menuW = menu.outerWidth(),

учитывает паддинги и бордеры, а затем на их величину увеличивает ширину .anyClass при присвоении:
menu.css({width:menuW})

Предлагаю рассмотреть фикс этой ситуации:
menuW = menu.css('width') || menu.outerWidth(),
Идея в том, что если задана ширина через CSS - то надо брать её. Так как после активации, CSS добавит все border и padding уже к inline-стилю.

Все ваши пожелания были учтены в новой версии. Качайте и фиксируйтесь :)

Ответить | Ответить с цитатой | Цитировать

# Коть 21.06.2013 06:46

а как его внедрить например в джумлу?

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 23.06.2013 11:43

Цитирую Коть:

а как его внедрить например в джумлу?

Подключить плагин, и повесить его на нужный элемент

Ответить | Ответить с цитатой | Цитировать

# Amiga 23.07.2013 19:06

getPosition возвращает параметр position?
Это так задумано или баг?

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 24.07.2013 02:58

Цитирую Amiga:

getPosition возвращает параметр position?
Это так задумано или баг?

так задумано

Ответить | Ответить с цитатой | Цитировать

# Amiga 24.07.2013 19:36

А для чего это нужно? Я ведь итак знаю смещение, которое задал в параметрах. Как это можно использовать на практике? Может лучше возвращать текущее положение элемента напр. относительно края браузера в момент вызова метода?

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 25.07.2013 18:55

Цитирую Amiga:

А для чего это нужно? Я ведь итак знаю смещение, которое задал в параметрах. Как это можно использовать на практике? Может лучше возвращать текущее положение элемента напр. относительно края браузера в момент вызова метода?

1) Если вы зададите отступ программно методом setPosition
2) Если у вас несколько элементов и каждый фиксирован по своему, а вам нужно узнать значение отступа выбранного элемента

Ответить | Ответить с цитатой | Цитировать

# Сергей 01.08.2013 17:39

Здравствуйте, подскажите, пожалуйста, как в данном плагине реализовать задержку перед фиксацией, при условии, что объект уже имеет позицию fixed.
Т.е. Position: fixed; top: 200px;
После прокрутки длительностью в 200px top начинает уменьшаться до нужного значения.

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 02.08.2013 07:13

Цитирую Сергей:

Здравствуйте, подскажите, пожалуйста, как в данном плагине реализовать задержку перед фиксацией, при условии, что объект уже имеет позицию fixed.
Т.е. Position: fixed; top: 200px;
После прокрутки длительностью в 200px top начинает уменьшаться до нужного значения.

Вопрос не понял

Ответить | Ответить с цитатой | Цитировать

# Юрий 11.08.2013 08:32

Здравствуйте! У меня при menuFixar в стиле добавляется left:0, поэтому меню уходит в левую сторону, а мне нужно чтоб был в середине. В обычной состоянии left:auto.

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 12.08.2013 23:56

Цитирую Юрий:

Здравствуйте! У меня при menuFixar в стиле добавляется left:0, поэтому меню уходит в левую сторону, а мне нужно чтоб был в середине. В обычной состоянии left:auto.

Приведите остальные стили этого блока.
Вот на вскидку блок по центру http://jsfiddle.net/yurik417/qnTJZ/75/
но возможно у вас другая ситуация.

Ответить | Ответить с цитатой | Цитировать

# Илья 27.09.2013 14:06

Привет. Скажите пожалуйста, как можно отключить работу скрипта, например в сайте есть какая то кнопочка такая которая заставляет элемент больше не фиксироваться у края браузера. Спасибо!

Ответить | Ответить с цитатой | Цитировать

# Илья 27.09.2013 14:14

Или лучше прекратить обработку только конкретного элемента

Ответить | Ответить с цитатой | Цитировать

# Алексей 27.01.2014 14:47

Спасибо, за отличную работу!

Обнаружился баг (или фича? ;)

Блок в файрфоксе и хроме фиксируется относительно верхней части окна на заданное в настройках расстояние, а в IE иначе. Фиксация производится на том же месте где блок изначально располагался на странице. Т.е. был на расстоянии от верха 200px, то и будет на расстоянии 200px.

Как это побороть?

Иллюстрация: http://mebelexpress.ru/proto/

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 27.01.2014 18:25

Цитирую Алексей:

Спасибо, за отличную работу!

Обнаружился баг (или фича? ;)

Блок в файрфоксе и хроме фиксируется относительно верхней части окна на заданное в настройках расстояние, а в IE иначе. Фиксация производится на том же месте где блок изначально располагался на странице. Т.е. был на расстоянии от верха 200px, то и будет на расстоянии 200px.

Как это побороть?

Иллюстрация: http://mebelexpress.ru/proto/

Это 100% баг. Он исправлен.
Скачайте заново архив

Ответить | Ответить с цитатой | Цитировать

# Алексей 28.01.2014 13:15

> Это 100% баг. Он исправлен.
Спасибо.

Ответить | Ответить с цитатой | Цитировать

# EXID 24.03.2014 09:43

Скажите пожалуйста как добавить стили к меню когда оно становится зафиксированным ккверху. Не получается вывести у меню border-radius и box-shadow. Стили как будто сбрасываются, получилось только background сделать. Пробовал в java скрипт сам добавить, но видимо как то не правильно делаю, там выдаёт ошибку. Спасибо!

Ответить | Ответить с цитатой | Цитировать

# EXID 24.03.2014 10:00

С тенями и закруглениями решил в стилях.
Подскажите пожалуйста как убрать мигание.
Когда верхнее меню доходит до того момента когда должно зафиксироваться , фиксируется, затем проходит размер своей высоты и как будто обновляется - мигает один раз, дальше всё нормально. Что делать?

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 24.03.2014 15:31

Цитирую EXID:

С тенями и закруглениями решил в стилях.
Подскажите пожалуйста как убрать мигание.
Когда верхнее меню доходит до того момента когда должно зафиксироваться, фиксируется, затем проходит размер своей высоты и как будто обновляется - мигает один раз, дальше всё нормально. Что делать?

1. По первому вопросу:
Используйте функции:
"fix" и "unfix"
В документации есть описание их использования
Например:
$('.menuTop').liFixar({
fix: function(el, side){
el.addClass('el Fixed')
},
unfix: function(el, side){
el.removeClass( 'elFixed')
}
});
и CSS:
.elFixed {box-radius:50px}

2. По поводу мигания:
Нужно смотреть на конкретный пример, кидайте ссылку

Ответить | Ответить с цитатой | Цитировать

# Ignor 05.04.2014 22:38

Не знаю в чем беда, но так и не получилось прикрутить сие чудо к сайту! Перепробовал все варианты....

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 06.04.2014 09:39

Цитирую Ignor:

Не знаю в чем беда, но так и не получилось прикрутить сие чудо к сайту! Перепробовал все варианты....

Прикрутите так как можете, выложите в интернет и киньте сюда ссылку, я уверен - проблема на поверхности и решить ее можно за пару секунд.

Ответить | Ответить с цитатой | Цитировать

# Сергей 15.07.2014 18:29

Всем привет такая проблема. Есть страница с кнопкой прижата к низу страницы, всё работает ок, но если на странице добавить скрытые блоки и при их раскрытии появляется прокрутка КНОПКА стоит на месте не перемещается т.е. скрывается за окном браузера. Помогите кто чем сможет, заранее благодарю.

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 20.07.2014 09:48

Цитирую Сергей:

Всем привет такая проблема. Есть страница с кнопкой прижата к низу страницы, всё работает ок, но если на странице добавить скрытые блоки и при их раскрытии появляется прокрутка КНОПКА стоит на месте не перемещается т.е. скрывается за окном браузера. Помогите кто чем сможет, заранее благодарю.

Вам случайно не этот плагин нужен
/index.php/k2/item/37-liscrolltotop

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 20.07.2014 09:50

Цитирую Сергей:

Всем привет такая проблема. Есть страница с кнопкой прижата к низу страницы, всё работает ок, но если на странице добавить скрытые блоки и при их раскрытии появляется прокрутка КНОПКА стоит на месте не перемещается т.е. скрывается за окном браузера. Помогите кто чем сможет, заранее благодарю.

Вам случайно не этот плагин нужен
/index.php/k2/item/37-liscrolltotop
Если нет то кидайте ссылку на сайт

Ответить | Ответить с цитатой | Цитировать

# Dinatopik 11.09.2014 22:15

Уcтановил всё как описано.Пользую Wordpress 4.
Скрипт не работает. в консоле пишет

Uncaught TypeError: undefined is not a function

Помоги пожалуйста! очень хочу меню!
вот фото
http://i67.fastpic.ru/big/2014/0911/6b/a2e8874fa66a270c0585608fb6f4bd6b.png

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 12.09.2014 10:34

Цитирую Dinatopik:

Уcтановил всё как описано.Пользую Wordpress 4.
Скрипт не работает. в консоле пишет

Uncaught TypeError: undefined is not a function

Помоги пожалуйста! очень хочу меню!
вот фото
http://i67.fastpic.ru/big/2014/0911/6b/a2e8874fa66a270c0585608fb6f4bd6b.png

Это известная проблема на WordPress
Попробуйте так:
jQuery(document).ready(function ($) {
$(window).load(function(){
$('.fixBlock'). liFixar({
side: 'top',
position: 10
});
});
});

Ответить | Ответить с цитатой | Цитировать

# dinatopik 12.09.2014 15:28

Огромное спасибо!!!!!!!! Урааааа!! Получилось!
Спасибо большое тебе за такую работу!!!!!!!!! !!!)))))))

Ответить | Ответить с цитатой | Цитировать

# Lim0n 05.11.2014 22:43

Здравствуйте не могу понять как сделать чтобы и сверху и снизу , блок останавливался в определенном месте , сверху останавливаетьс я , а снизу залазит на нижнюю часть сайта . Помоги пожалуйста!

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 06.11.2014 21:21

Цитирую Lim0n:

Здравствуйте не могу понять как сделать чтобы и сверху и снизу , блок останавливался в определенном месте , сверху останавливаеться , а снизу залазит на нижнюю часть сайта . Помоги пожалуйста!

Как вы уже сделали?

Ответить | Ответить с цитатой | Цитировать

# Lim0n 07.11.2014 00:22

стоит код

$(window).load(function(){
$('.fixBlock').liFixar({
side: 'top',
position: 20
});
})

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

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 07.11.2014 14:27

Цитирую Lim0n:

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

Скачайте заново архив, там добавлен пример

Ответить | Ответить с цитатой | Цитировать

# Lim0n 07.11.2014 20:54

поставил все по новому вобще перестал работать
что не так ?

Популярное

Главная
Поиск
Регистрация
Карта сайта
О сайте
Главная
Поиск
Регистрация
Карта сайта

Ответить | Ответить с цитатой | Цитировать

# Lim0n 07.11.2014 20:56

http://firepic.org/images/2014-11/07/ur5dqc0rmv3e.jpg

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 08.11.2014 09:32

Цитирую Lim0n:

http://firepic.org/images/2014-11/07/ur5dqc0rmv3e.jpg

Класс "wrapFix" нужно присвоить элементу в пределах высоты которого должен двигаться фиксированный блок. Фиксированный блок не обязательно должен быть вложенный в блок с классом "wrapFix".
Скорее всего вам нужно присвоить класс "wrapFix" элементу который является родителем и для левого и для правого сайдбара.
Или выложите страницу в интернет и я сам смогу просмотреть где вы ошиблись

Ответить | Ответить с цитатой | Цитировать

# Lim0n 09.11.2014 01:43

Цитирую LiMasscode:

Цитирую Lim0n:
http://firepic.org/images/2014-11/07/ur5dqc0rmv3e.jpg

Класс "wrapFix" нужно присвоить элементу в пределах высоты которого должен двигаться фиксированный блок. Фиксированный блок не обязательно должен быть вложенный в блок с классом "wrapFix".
Скорее всего вам нужно присвоить класс "wrapFix" элементу который является родителем и для левого и для правого сайдбара.
Или выложите страницу в интернет и я сам смогу просмотреть где вы ошиблись

http://rghost.ru/58964811

Спасибо за то что помогаете !

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 09.11.2014 21:13

Цитирую Lim0n:

...
http://rghost.ru/58964811
Спасибо за то что помогаете !

Отправил вам на почту измененный архив

Ответить | Ответить с цитатой | Цитировать

# Lim0n 09.11.2014 22:33

LiMasscode Большое спасибо за помощь! Все работает))

Ответить | Ответить с цитатой | Цитировать

# stanbert 18.11.2014 11:02

Здравствуйте.
Можно ли как-то отключать действие плагина?

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 18.11.2014 15:29

Цитирую stanbert:

Здравствуйте.
Можно ли как-то отключать действие плагина?

Скачайте заново архив. В новой версии скрипта есть метод "disable"

Ответить | Ответить с цитатой | Цитировать

# stanbert 19.11.2014 11:53

Цитирую LiMasscode:

Цитирую stanbert:
Здравствуйте.
Можно ли как-то отключать действие плагина?

Скачайте заново архив. В новой версии скрипта есть метод "disable"

Благодарю за оперативность!
Очень помогли!

Ответить | Ответить с цитатой | Цитировать

# Дмитрий 01.09.2015 22:44

Добрый день. Помогите, на сайте http://extraparty.org/ установлена версия плагина liFixar v 2.0 . Как добавить родительский блок в пределах которого будет происходить фиксация, ибо при замене плагина на версию liFixar v 3.3 . Функционал сайта ломается. Помогите.

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 02.09.2015 08:45

Цитирую Дмитрий:

Добрый день. Помогите, на сайте http://extraparty.org/ установлена версия плагина liFixar v 2.0 . Как добавить родительский блок в пределах которого будет происходить фиксация, ибо при замене плагина на версию liFixar v 3.3 . Функционал сайта ломается. Помогите.

Что конкретно ломается?

Ответить | Ответить с цитатой | Цитировать

# Руслан 07.10.2015 17:30

Подскажите пожалуйста. как исправить такую проблему: при фиксации виджета в сайдбаре он "раздваивается" , т.е остается оригинальный и уплывает и фиксируется его копия. Что я не так сделал?

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 07.10.2015 22:37

Цитирую Руслан:

Подскажите пожалуйста. как исправить такую проблему: при фиксации виджета в сайдбаре он "раздваивается", т.е остается оригинальный и уплывает и фиксируется его копия. Что я не так сделал?

Желательно видеть ваш код. Вы могли два раза подключить скрипт, или два раза его инициализироват ь, какие-то стили могут наследоваться и т.д.
Точнее - нужен код

Ответить | Ответить с цитатой | Цитировать

# Руслан 07.10.2015 23:06

Спасибо, что так быстро ответили!
Код добавил один раз, в футер. вот такой:

$(window).load(function(){
$('#dsplypsts-11').liFixar({
side: 'top',
position: 10,
wrapper:$('#main')
});
})

ссылка на пример с ошибкой:
http://linktmp.com/4/thggOP

Ответить | Ответить с цитатой | Цитировать

# Руслан 08.10.2015 11:40

сделал другую временную ссылку на пример ошибки:
http://linktmp.com/3/u5u63QE

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 09.10.2015 13:22

Цитирую Руслан:

сделал другую временную ссылку на пример ошибки:
http://linktmp.com/3/u5u63QE

Вы забыли подключить файл со стилями

Ответить | Ответить с цитатой | Цитировать

# Руслан 09.10.2015 14:18

Цитирую LiMasscode:

Вы забыли подключить файл со стилями

ТОЧНО! Все заработало! Спасибо большое.
Просто в статье не написано было, что и стили нужны, только скрипт сказано подключить и все. ) Еще раз спасибо!

Ответить | Ответить с цитатой | Цитировать

# Руслан 04.02.2016 23:12

Цитирую Руслан:

ТОЧНО! Все заработало! Спасибо большое.
Просто в статье не написано было, что и стили нужны, только скрипт сказано подключить и все. ) Еще раз спасибо!

Здравствуйте снова!
Опять возникла проблема со скриптом, можете подсказать решение?

TypeError: $(...).liFixar is not a function
n.event.dispatch() jquery.min.js:3
n.event.add/r.handle() jquery.min.js:3

Что это может означать?

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 04.02.2016 23:41

Цитирую Руслан:

Здравствуйте снова!
Опять возникла проблема со скриптом, можете подсказать решение?

TypeError: $(...).liFixar is not a function
n.event.dispatch() jquery.min.js:3
n.event.add/r.handle() jquery.min.js:3

Что это может означать?

Можно ссылку?

Ответить | Ответить с цитатой | Цитировать

# Руслан 05.02.2016 00:23

Цитирую LiMasscode:

Можно ссылку?

Да. конечно. Вот например:
http://jamadvice.com.ua/appetitnye-zapechennye-tefteli/

Ответить | Ответить с цитатой | Цитировать

# Руслан 05.02.2016 16:20

Посмотрели? В чем проблема, подскажите? Я не программист. потому ну никак не могу справится с этой ошибкой.

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 05.02.2016 17:21

Цитирую Руслан:

Посмотрели? В чем проблема, подскажите? Я не программист. потому ну никак не могу справится с этой ошибкой.

Проверил в FF44 и Hrome 48
Все работает нормально: блок справа фиксируется и не выдает ошибки.
В каком браузере у вас проблема?

Ответить | Ответить с цитатой | Цитировать

# Руслан 05.02.2016 17:49

У меня FF44. И в нем выдает ошибку, о которой я написал выше. Ну и блок не фиксируется. Кеш чистил, перезапускал и тд.
НО! Главное, что работает. Это меня успокаивает :) Значит проблема с моим браузером.

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 05.02.2016 23:01

Цитирую Руслан:

У меня FF44. И в нем выдает ошибку, о которой я написал выше. Ну и блок не фиксируется. Кеш чистил, перезапускал и тд.
НО! Главное, что работает. Это меня успокаивает :) Значит проблема с моим браузером.

Проверьте в другом браузере

Ответить | Ответить с цитатой | Цитировать

# Руслан 08.02.2016 16:41

Цитирую LiMasscode:

Проверьте в другом браузере

Все в порядке, работает! Проблема была с браузером. Спасибо вам за помощь и за плагин!

Ответить | Ответить с цитатой | Цитировать

# Виктор 16.04.2016 12:41

Спасибо друже, козырная вещь!

Ответить | Ответить с цитатой | Цитировать

# Руслан 19.06.2016 16:58

Мне очень нравится ваш скрипт. Работает именно так, как мне нужно. Спасибо вам! :)
Но у меня снова появились вопросы к вам по его работе.
скажите, каким образом можно сделать ассинхронную загрузку скрипта? просто добавление async в строку приводит скрипт в нерабочее состояние. Хочу или убрать его в футер или грузить ассинхронно, но не могу найти способ. Поможете?

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 23.06.2016 18:46

Цитирую Руслан:

Мне очень нравится ваш скрипт. Работает именно так, как мне нужно. Спасибо вам! :)
Но у меня снова появились вопросы к вам по его работе.
скажите, каким образом можно сделать ассинхронную загрузку скрипта? просто добавление async в строку приводит скрипт в нерабочее состояние. Хочу или убрать его в футер или грузить ассинхронно, но не могу найти способ. Поможете?

Используйте "defer" вместо "async"

Ответить | Ответить с цитатой | Цитировать

# Руслан 28.06.2016 19:57

если пишу вот так:
скрипт перестает работать.

Ответить | Ответить с цитатой | Цитировать

# Руслан 04.07.2016 22:27

Извините за назойливость :) у меня еще один вопрос к вам. скрипт требует подключения jquery в хедере, что немного замедляет загрузку страницы. если jquery перенести в футер - скрипт не работает. подскажите, как сделать так, чтобы ваш скрипт дожидался загрузки jquery из футера и запускался сам. чтобы фиксация происходила после загрузки страницы, а еще лучше - чтобы дожидалась того момента, когда пользователь доскролит до самого фиксируемого элемента.
Простите заранее, если слишком многого прошу :)

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 05.07.2016 23:20

Цитирую Руслан:

Извините за назойливость :) у меня еще один вопрос к вам. скрипт требует подключения jquery в хедере, что немного замедляет загрузку страницы. если jquery перенести в футер - скрипт не работает. подскажите, как сделать так, чтобы ваш скрипт дожидался загрузки jquery из футера и запускался сам. чтобы фиксация происходила после загрузки страницы, а еще лучше - чтобы дожидалась того момента, когда пользователь доскролит до самого фиксируемого элемента.
Простите заранее, если слишком многого прошу :)

Если вы переносите jQuery в конец документа то и инициализацию тоже перенесите.

Ответить | Ответить с цитатой | Цитировать

# Вовик 08.07.2016 01:31

Подскажите, нет xml-файла в архиве для установки. Нарисуйте, плис. Пробовал сам сделать, но руки дырявожопые оказались(

Ответить | Ответить с цитатой | Цитировать

# LiMasscode 08.07.2016 11:40

Цитирую Вовик:

Подскажите, нет xml-файла в архиве для установки. Нарисуйте, плис. Пробовал сам сделать, но руки дырявожопые оказались(

Читайте в описании "Быстрый старт":
/index.php/k2/item/48-lifixar#quick_start

Ответить | Ответить с цитатой | Цитировать

# Иван 11.01.2017 09:44

сделал два блока с wrapper на одной странице http://urist.site62.ru/new/ в итоге первый работает нормально, а второй глючит(

Ответить | Ответить с цитатой | Цитировать

# Иван 12.01.2017 01:25

отбой, разобрался

Ответить | Ответить с цитатой | Цитировать

Обновить список комментариев
RSS лента комментариев этой записи

Добавить комментарий

JComments

Наверх

Онлайн-конструктор українського орнаменту

Чем вы можете помочь?

1. Разместить ссылку на своем сайте
Если вы ведете блог или у вас есть сайт - поставьте ссылку на www.masscode.ru. Скопируйте этот код:

<a href="/" title="Плагины, сниппеты и пользовательские скрипты на jquery" target="_blank">Плагины, сниппеты и пользовательские скрипты на jquery</a>

2. Поддержать проект финансово
Вы можете сделать добровольное пожертвование

AUH: U878157792792
USD: Z821422743261
RUB: R360648948582
EUR: E298388086680

Свежие материалы

itour - Easy step by step Tour for the Complex web Interface или Простой Help-тур по сложному интерфейсу
Описание Плагин itour дает возможность рассказать вам о функциональности любого интерфейса. Кроме того, плагин itour…
liMarqueeWP - WordPress plugin of Responsive marquee (ticker) for Text and HTML and Images или WordPress плагин бегущей строки для текста, кода или изображений
Описание Плагин liMarqueeWP позволяет отображать различное HTML содержимое, изображения и просто текст на вашей странице…
Yoga Map - Google Map Cusomizer или быстрая настройка карт от Google
The Perfect Choice For Customizing Maps
liAccordion - jQuery Responsive Multi Level Accordion или Accordion навигация на jQuery
The liAccordion is a unique plugin for implementation "accordion" navigation of any type of content.…

Последние коментарии

liMarquee - Responsive Marquee for Text, HTML and Images или бегущая строка на jQuery для текста, кода или изображений

Hi Jura! I like using your script,but I want combined with form for the speed. Az ?rab?red bevit ...

Написал Gabor 1 год назад
liTabs - jQuery Tabs или вкладки на jQuery

Хорошая вешь

Написал brigadirmim 1 год назад
liMenuHor - горизонтальное многоуровневое jQuery меню

Разобрался.

Написал Вячеслав 2 года назад
liMenuHor - горизонтальное многоуровневое jQuery меню

Привет! Не могу понять, как сделать плавное исчезновения меню и так же плавное появление. Куда нужно ...

Написал Вячеслав 2 года назад
liHarmonica - jQuery Accordion Menu или раздвигающееся меню на jQuery

Добрый день. Пытался разобраться. Не получилось. Разделы раскрываются, но ссылка не срабатывает.

Написал Алекс 2 года назад

Чудо облако

Вы находитесь здесь: Главная jQueryliFixar - jQuery Stick Element или фиксированный блок на jQuery

liFixar - jQuery Stick Element или фиксированный блок на jQuery

Пример работы на JSFIDDLE

Подключаемые файлы

Структура HTML

Инициализация плагина

Параметры

Методы

setPosition:

getPosition

update

disable

enable

Быстрый старт

BugFix

Комментарии

Чем вы можете помочь?

Свежие материалы

Последние коментарии

liMarquee - Responsive Marquee for Text, HTML and Images или бегущая строка на jQuery для текста, кода или изображений

liTabs - jQuery Tabs или вкладки на jQuery

liMenuHor - горизонтальное многоуровневое jQuery меню

liMenuHor - горизонтальное многоуровневое jQuery меню

liHarmonica - jQuery Accordion Menu или раздвигающееся меню на jQuery

Чудо облако