0 / 0 / 0
Регистрация: 25.11.2013
Сообщений: 13
|
||||||||||||||||
1 | ||||||||||||||||
Не работает animate08.12.2015, 23:14. Показов 1509. Ответов 3
Метки нет (Все метки)
Доброго времени суток.
Столкнулся с такой проблемой: не срабатывает эффект animate, по отношению к свойствам opacity и marginTop, в браузерах Firefox и IE. В опере и хроме всё работает. Вот элементы, с которыми работаю.
0
|
08.12.2015, 23:14 | |
Ответы с готовыми решениями:
3
Не работает animate Animate не работает не работает $('body').animate animate() |
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
|
||||||
08.12.2015, 23:55 | 2 | |||||
PepeL, наверно нужно начать с того, что JS-код, который вы показали, не будет работать ни в одном браузере. Если уж и копируете часть кода, то копируйте без синтаксических ошибок. Во-вторых, "эффекта animate" - не существует в jQuery, а есть метод "animate". В-третьих, абсолютно незачем каждую часть кода заключать в DOM-Ready. Да и два одинаковых события - тоже лишнее. И в-четвертых, обработчик события scoll установлен на window, так почему же вы пытаетесь получить величину вертикального скроллинга, применяя метод scrollTop() к body?
0
|
0 / 0 / 0
Регистрация: 25.11.2013
Сообщений: 13
|
|
09.12.2015, 00:06 [ТС] | 3 |
Lazy_Den, вставил Ваш код. Заработало во всех браузерах. Почему же ранее только опера с хромом это воспринимали? Спасибо за замечания.
Определяю видит ли пользователь элемент или нет. С Яваскриптом и jQuery недавно знакомиться начал.
0
|
0 / 0 / 0
Регистрация: 20.07.2015
Сообщений: 4
|
|
04.01.2016, 15:59 | 4 |
Здравствуйте
У меня похожая проблема, поэтому не создаю новую тему, а пишу здесь. Есть код для модального окна, который работает во всех браузерах, кроме IE и FireFox, вот тоже никак не могу понять, в чем причина, никаких ошибок в консоли нет... Код
jQuery(document).ready(function(){ // пoсле зaгрузки стрaницы jQuery('a#go').click( function(event){ // лoвим клик пo ссылки с id="go" event.preventDefault(); // выключaем стaндaртную рoль элементa jQuery('#overlay').fadeIn(400, // снaчaлa плaвнo пoкaзывaем темную пoдлoжку function(){ // пoсле выпoлнения предъидущей aнимaции jQuery('#modal_form') .css('display', 'block') // убирaем у мoдaльнoгo oкнa display: none; .animate({opacity: 1, top: '50%'}, 200); // плaвнo прибaвляем прoзрaчнoсть oднoвременнo сo съезжaнием вниз }); }); /* Зaкрытие мoдaльнoгo oкнa, тут делaем тo же сaмoе нo в oбрaтнoм пoрядке */ jQuery('#modal_close, #overlay').click( function(){ // лoвим клик пo крестику или пoдлoжке jQuery('#modal_form') .animate({opacity: 0, top: '45%'}, 200, // плaвнo меняем прoзрaчнoсть нa 0 и oднoвременнo двигaем oкнo вверх function(){ // пoсле aнимaции jQuery(this).css('display', 'none'); // делaем ему display: none; jQuery('#overlay').fadeOut(400); // скрывaем пoдлoжку } ); }); });
0
|
04.01.2016, 15:59 | |
04.01.2016, 15:59 | |
Помогаю со студенческими работами здесь
4
.animate(); Проблема с animate transform and .animate() Animate scale Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |