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

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

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

Плагин 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="/css/liFixar.css">
    

Структура 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="/css/liFixar.css">
    
  <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
Теперь фиксировать можно и абсолютно позиционированные элементы

Прочитано 18711 раз Последнее изменение Пятница, 08 Июль 2016 11:39
Оцените материал
(4 голосов)

Комментарии   

 
# Серж 08.03.2013 13:55
Отличный плагин! Только можно добавить:
$(window).bind('resize', function() {
$('.anyClass').css('width','100%');
});
Ответить | Ответить с цитатой | Цитировать
 
 
# LiMasscode 08.03.2013 14:38
Цитирую Серж:
Отличный плагин! Только можно добавить:
$(window).bind('resize', function() {
$('.anyClass').css('width','100%');
});

Вы не обратили внимание на то, что плагин может фиксировать блоки любой ширины.
Ваша функция - это частный случай, и её в полной мере может заменить CSS: .anyClass {width:100%}
Ответить | Ответить с цитатой | Цитировать
 
 
# IcyDrago 05.05.2013 13:30
При изменении размера браузера, когда исчезает полоса прокрутки, элементы под 100% ширины не перерисовываютс я. И это действительно исправляется кодом, написанным выше, т.к. заставляет браузер снова считать ширину.
Ответить | Ответить с цитатой | Цитировать
 
 
# IcyDrago 05.05.2013 13:52
При изменении размера браузера, когда исчезает полоса прокрутки, элементы под 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
Цитирую Сергей:
Всем привет такая проблема. Есть страница с кнопкой прижата к низу страницы, всё работает ок, но если на странице добавить скрытые блоки и при их раскрытии появляется прокрутка КНОПКА стоит на месте не перемещается т.е. скрывается за окном браузера. Помогите кто чем сможет, заранее благодарю.

Вам случайно не этот плагин нужен
http://masscode.ru/index.php/k2/item/37-liscrolltotop
Ответить | Ответить с цитатой | Цитировать
 
 
# LiMasscode 20.07.2014 09:50
Цитирую Сергей:
Всем привет такая проблема. Есть страница с кнопкой прижата к низу страницы, всё работает ок, но если на странице добавить скрытые блоки и при их раскрытии появляется прокрутка КНОПКА стоит на месте не перемещается т.е. скрывается за окном браузера. Помогите кто чем сможет, заранее благодарю.

Вам случайно не этот плагин нужен
http://masscode.ru/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-файла в архиве для установки. Нарисуйте, плис. Пробовал сам сделать, но руки дырявожопые оказались(

Читайте в описании "Быстрый старт":
http://masscode.ru/index.php/k2/item/48-lifixar#quick_start
Ответить | Ответить с цитатой | Цитировать
 
 
# Иван 11.01.2017 09:44
сделал два блока с wrapper на одной странице http://urist.site62.ru/new/ в итоге первый работает нормально, а второй глючит(
Ответить | Ответить с цитатой | Цитировать
 
 
# Иван 12.01.2017 01:25
отбой, разобрался
Ответить | Ответить с цитатой | Цитировать
 

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

Защитный код
Обновить

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

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

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

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

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

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

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

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

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