Nano Hash - криптовалюты, майнинг, программирование

Элемент fade jquery не отображает элементы в стиле "видимость: скрытый"

У меня есть несколько эскизов, которые я загружаю со стилем visibility: hidden;, чтобы все они сохраняли правильные макеты. Как только страница полностью загружена, у меня есть функция jquery, которая их скрывает. Это работало, когда их стиль был установлен на display: none;, но, очевидно, тогда макет был испорчен. Какие-либо предложения?

Вот линия исчезновения:

$('.littleme').fadeIn('slow');
jquery visibility fadein
12.03.2010

Ответы:


1

Добавьте в цепочку несколько вызовов следующим образом:

 $('.littleme').css('visibility','visible').hide().fadeIn('slow');

Это изменит его на display:none для 1 кадра перед тем, как исчезнуть, снова занимая область.

12.03.2010
  • Ура работает хорошо. Никакой заметной задержки или сдвига в этом 1 кадре. 13.03.2010
  • и наоборот: $('.littleme').fadeOut(speed,function(){$('.littleme').css("visibility","hidden").css("display","");}); :-) 30.06.2011
  • @eruciform - чтобы убрать display: none в конце, вы можете просто сделать $('.littleme').fadeTo(speed, 0);, который не установит display в конце, тот же эффект с меньшими усилиями :) 30.06.2011
  • $('.littleme').fadeTo(speed, 0, function(){ $(this).hide();}); для установки display:none после анимации. спасибо @NickCraver за оригинальный фрагмент :) 07.03.2013

    • 2

    попробуйте использовать непрозрачность и animate():

    $('.littleme').css('opacity',0).animate({opacity:1}, 1000);
    12.03.2010
  • Мне всегда немного надоело использовать непрозрачность в отношении css из-за IE. Предположительно jquery справляется с этим без проблем ??? 12.03.2010
  • Это не сработает, так как это все еще не видно, проверьте сами. 12.03.2010
  • конечно, вы должны убрать видимость: скрыто. И да, jQuery решает проблему непрозрачности в IE. 13.03.2010
  • Краевой корпус. Если внутри оболочки opacity: 0 есть содержимое iframe, jquery не сможет анимировать это для IE. Вы можете использовать filter: inherit, чтобы попытаться помочь с этой проблемой, но если iframe находится вне вашего контроля (например, виджеты для совместного использования в социальных сетях), вам, возможно, придется пойти с исключенным ответом. 14.12.2012

    • 3

    <span style="opacity:0;">I'm Hidden</span>

    Чтобы показать: $('span').fadeTo(1000,1)

    Чтобы скрыть: $('span').fadeTo(1000,0)

    Пространство сохраняется в макете DOM

    http://jsfiddle.net/VZwq6/

    19.03.2014
  • Поскольку прозрачность не поддерживается в IE ‹9, и я хочу начать с невидимого состояния, я объединил это решение с github.com/bladeSk/internet-explorer-opacity-polyfill 07.08.2014
  • Спасибо - отличный совет - у меня сработал в моем случае, когда элемент, который я добавил, мигал в течение одной миллисекунды, прежде чем исчезнуть и начать исчезать. :) THe fadeTo и opacity: 0 - решена проблема мигания элемента после того, как я добавил его в dom и до того, как дал команду на fadeIn. 10.04.2021

    • 4

    Не можете использовать вместо этого fadeTo (duration, value)? Конечно, таким образом вы можете плавно переходить к 0 и 1, таким образом вы не влияете на поток документов ...

    05.01.2012

    5

    Попробуйте сопоставить скрытый элемент?

    $ (". littleme: скрытый"). fadeIn ();

    12.03.2010
    Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..