<rmcreative>

RSS

jQuery Waypoints

15 апреля 2011

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

При помощи этой библиотеки можно реализовать очень многое: от бесконечного скроллинга и прилипающих заголовков таблиц до навигации, как в JavaScript Гарден.

Смотрим демо и пользуемся

Комментарии RSS

  1. №4399
    Ekstazi
    Ekstazi 15.04.2011, 22:07:31

    Ммм,

    $(window).bind('scroll',function(){
    if(el.offsetTop>=document.body.scrollTop&&el.offsetTop+el.offsetHeight<=document.body.scrollTop+document.body.scrollHeight)
    $(el).trigger('waypoint')
    }

    ?? Плагин полезен и позволяет делать очень красивые вещи. Пример с js Гарден весьма удачен.

  2. №4405
    Ti
    Ti 16.04.2011, 12:35:54

    полезным было бы обратное событие.

    Его можно использовать для остановки сложной анимации, когда элемент находится вне зоны видимости.

  3. №4408
    Сергей
    Сергей 17.04.2011, 5:32:49

    Ti, Sam посмотрите в сторону этого плагина.

  4. №4411
    Ti
    Ti 17.04.2011, 9:14:20

    Сергей, плагин viewport по теме, но в нем нет событий, только селекторы

  5. №4419
    Сергей
    Сергей 17.04.2011, 19:19:30

    Ti, ну это ведь вообще просто - можно навесить событие на onscroll, можно ещё на что-нибудь, а потом использовать этот фильтр. По-моему очень гибко получается.

  6. №4422
    Ti
    Ti 18.04.2011, 0:19:58

    можно навесить событие на onscroll

    идея с onscroll не очень, twitter знает ;)

    ещё на что-нибудь

    на onresize тоже будут проблемы с производительностью

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

  7. №4423
    Ti
    Ti 18.04.2011, 0:21:39

    цитаты неправильно распарсились :(

  8. №4436
    Сергей
    Сергей 19.04.2011, 6:46:40

    Ti, так а как по вашему работает Waypoints? Я заглянул в сорс, там в самом конце - scroll, resize, load на window навешен.

  9. №4437
    Ti
    Ti 19.04.2011, 8:34:48

    пожалуй, что бы обсуждение не было пустым, напишу свой плагин с блекджеком waypoints и viewport'ом

  1. Почта опубликована не будет.

  2. Можно использовать синтаксис Markdown или HTML.

  3. Введите ответ в поле. Щёлкните, чтобы получить другую задачу.