#jquery #jquery-ui
#jquery #jquery-пользовательский интерфейс
Вопрос:
Я использую jquery для сдвига позиций нескольких разделов. Эффект, который я использовал, работает в Firefox (я использую firefox4). Он работает так, как я хочу, на том же самом. Но когда я тестирую его в Chrome, это не то же самое.! Вот ссылка на страницу http://bit.ly/lsTwbg
Я забыл упомянуть, что вы должны щелкнуть среднее поле! извините
Комментарии:
1. Вам следует вставить сюда свой код, чтобы сделать вопрос постоянным для будущих пользователей. И, кстати, вы должны вставить скриншоты. Например, у меня нет Firefox, и мой Chrome (я думаю) делает это правильно.
2. о каких эффектах вы говорите?
3. Обычно я нахожу, что в Chrome, на мой вкус, тоже слишком много соли.
4. В моих FF и GC они одинаковы
5. это происходит снизу в обоих!
Ответ №1:
Попробуйте изначально установить стиль bottom для #seriously-main-wrapper.
Как вы можете видеть, в Develeper-tools исходное нижнее значение в FF составляет что-то вроде 500 пикселей (для меня ровно 511 пикселей), в Chrome его нет. Таким образом, анимация выполняется в FF от 511 пикселей до 30 пикселей (вниз), а в Chrome от 0 до 30 пикселей (вверх)
Комментарии:
1. Спасибо за подсказку…… Вместо этого я работал над ним сверху, и теперь он работает!! Большое спасибо!
Ответ №2:
Я вижу разные «версии»…
Мое предположение: не используйте анимацию на margin
. Вы должны работать с position: absolute
в relative
div. Используйте animate()
on top
и left
css-атрибут.
Комментарии:
1. но я попытался удалить часть кода, и только два оператора выделяются как виновники..
code
$ («#seriously-main-wrapper»).animate({«bottom»: «20px»},{duration:5000,queue:false}, «медленный»); $(‘#animal-scale’).animate({«margin-top»: «0px»,»margin-left»: «229px»},{duration: 5000,queue:false}, «медленный»);code
2. Все остальные инструкции работают так, как они должны, чтобы выровнять остальные изменения полей