Помогите расшифоровать, что делает скрипт
Здравствуйте.
Помогите расшифровать что делает скрипт. У меня почему-то анимация не работает на Android. Так понимаю, что нужно сделать, чтобы ее не было на мобильных устройствах. Чтобы все было статично. Вот такой код что делает подскажите. var mobile = navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad|android)/); if(mobile != null) { $('html').css('width', window.innerWidth + 'px'); } else { $(".scroll").each(function () { var block = $(this); $(window).scroll(function() { var top = block.offset().top; var bottom = block.height()+top; top = top - $(window).height(); var scroll_top = $(this).scrollTop(); if ((scroll_top > top) && (scroll_top < bottom)) { if (!block.hasClass("animated")) { block.addClass("animated"); } } else { block.removeClass("animated"); } }); }); $('head').append('<link rel="stylesheet" href="/css/animation.css" />'); } |
Что, так никто не может подсказать?
|
Цитата:
Цитата:
|
Batyabest,
определяет, является ли устройство мобильным, если является то выставляет документу ширину экрана, иначе задает верх и низ страницы и делает при прокрутке анимацию блокам, у которых есть класс animated. |
Batyabest,
- Если (iphone,ipod,ipad,android) то страница получает ширину окна браузера этого устройства. - В противном случае подключается файл стилей animation.css и элементам с классом scroll во время прокрутки страницы при появлении их в зоне видимости окна браузера добавляется класс animated при уходе из зоны видимости этот класс удаляется. |
Спасибо. А как сделать чтобы анимация не работала в том смысле, чтобы вся страница была статичной. У меня просто некоторые блоки ввобще не отображаются
|
Batyabest,
удали условие else и 21 строчку |
else с 16 строки или какое?
|
Нужно чтобы статика была только на мобильных устройствах
|
Спасибо за подсказку. Я догнал, что делать. Раз анимация нужна только на "больших" компьютерах, а вся анимация прописана в файле animation.css, то его нужно подключать скриптом, в том случае если устройство НЕ мобильное. А у меня он был подключен везде в head. Убрал из head подключение стилей анимации и все стало гуд.
|
Часовой пояс GMT +3, время: 15:11. |