Pull to refresh
Comments 22
А других вариантов нет, только SVG (очень сыро и медленно) или две картинки (быстро, но не универсально).
Имхо, использовать canvas для этих целей куда логичнее.
Кроме того, в текущем варианте при активном движении серьезно отстает перемещение фона, ибо помещать перемещение фона в анонимную функцию, подвешенную на кастомное событие плагина jquery — не самое производительное решение)
Сравните:
vps.dlussky.ru/aero.html
P.S. И, кстати, в aero еще и рисунок бликов смещается при перемещении окна)
Хороший пример для аргументов в споре jQuery vs JS :)
Ну тут все спорно, jquery очень удобный инструмент, который ежедневно облегчает мне жизнь, но надо понимать, что у него есть несколько узких мест по производительности, и всегда нужно быть готовым взять в руки native)
Отличный пример, спасибо. Я пробовал в своем варианте обойтись без jQuery, но особой разницы в производительности не увидел.
А если убрать смещение backgroud из JS, а для #blur прописать background-attachment:fixed; работать оно будет еще быстрее.
Сначала я изобразил глубочайший фэйспалм и проклял свою узколобость и зацикленность на исходном решении, но потом понял, что мозг сознательно исключил background-attachment из множества решений, ибо данное свойство не работает в шестом IE)

Но вообще, решение очень крутое)
В Гугл Хром 6 тоже всё отлично и без нагрузки процессора работает…
UFO landed and left these words here
В Chromium 6.0.472.59 пример с SVG прекрасно работает, грузит процессор на 1-2%.
В Opera 10.61 под Linux процессор не грузится, но опера зависает и падает в конечном итоге.
UFO landed and left these words here
В Chrome 7.0.517.8 dev с SVG грузит, но через какое-то время выедает весь процессор.
А в первом примере все нормально, но как-то странно фон под окошком немного двигается (хотя должен быть совершенно статичным, как в примере Dlussky)
Единственное что, окно должно немного увиличивать задний фон, чтобы был true win aero, но такое сделать вроде бы пока нельзя.
Что значит «на чистом HTML+CSS+JS»? Ладно бы на чистом HTML — я бы удивился.
safari 5.0.2 mac — чяднт? оба примера работают и проца не сильно кушают — вопрос в браузере видимо?
в Chromium (не самом свежем — недельной давности) — тоже работают оба, но там загрузка действительно стремится к 100
это не аэроэффект. по крайней мере с картинкой (svg не за работал). подобие да, но не аэро.
Only those users with full accounts are able to leave comments. Log in, please.