Описание тега will-change
NoneWill-change is a CSS property, which allows an author to inform the user agent ahead of time of what kinds of changes they are likely to make to an element.
2
ответа
Нужно ли применять CSS-свойство will-change также во время изменения элемента?
Я пытаюсь использовать свойство CSS will-change вместо хака translateZ(0). Я понимаю, что свойство должно быть применено до изменения элемента. Но я сомневаюсь, что его нужно применять и во время его изменения. Мне интересно знать, нужно ли применят…
06 дек '16 в 12:03
1
ответ
Изменит использование CSS при переходе
Я пытаюсь использовать will-change чтобы анимация работала лучше. У меня есть страница-контейнер, который будет анимировать left а также padding-right для того, чтобы переместить и открыть боковое меню. .page-container { background: #f4f4f4; height:…
04 дек '15 в 22:52
2
ответа
Слой Chrome DevTools граничит со значением цвета
У меня есть два элемента DOM, которые существуют на их собственных составных слоях из-за этого правила CSS: .element-one, .element-two { will-change: transform; transform: translateZ(0); // Fallback } Теперь я могу проверить эти слои с помощью парам…
09 фев '16 в 19:56
1
ответ
Chrome CSS ошибка: "translate3d" внутри повернутого элемента не подчиняется "переполнению: скрыто"
Взгляните на этот CodePen, чтобы понять, что я имею в виду: .perspective-container { margin: 50px 0; perspective: 1000px; perspective-origin: 0 50%; } .card { border: 10px solid blue; width: 300px; height: 300px; overflow: hidden; transform: rotateY…
28 апр '15 в 02:09
1
ответ
Перемены воли-изменения, показывающие абсолютное положение позиции на:hover
У меня проблема с will-change, Я понятия не имею, почему это вызывает эту проблему, но когда я добавляю will-change на обертке, в которой у меня есть список со скрытыми элементами div (который должен отображаться при наведении курсора), он разрывает…
03 июн '16 в 09:00
3
ответа
Очистка воли-изменения свойства CSS
Каково правильное значение для "очистки" will-change CSS свойство? Я пытался с помощью 'auto', но в соответствии с Chrome Dev Tools (как в текущей версии Chrome (46), так и в Canary (48)) это недопустимое значение свойства.
12 ноя '15 в 15:45
1
ответ
Почему will-change: непрозрачность обрабатывает фиксированные элементы иначе, чем will-change: превращается в chrome?
Я пытаюсь оптимизировать прокрутку моего веб-приложения. У меня есть таблицы данных с кучей данных, и прокрутка становится довольно плохой. я добавил will-change: transform к таблице данных, но это сломало мои заголовки таблицы, которые position: fi…
09 окт '17 в 23:48
1
ответ
Как измерить прирост производительности от использования свойства will-change
Я нашел интересную статью о will-change свойство в CSS (которое позволяет заранее сообщить браузеру, что изменится и проактивно отреагирует). Основной причиной этого свойства является повышение производительности. Насколько я понял, я могу использов…
20 июл '14 в 08:22
1
ответ
Свойство css изменяет неопределенное поведение
Я использую semantic-ui, и мне удалось сузить некоторые неопределенные поведения в свойстве css will-change (Я нашел это в их модале): .outer{ background-color: black; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .inner{ position:abso…
29 сен '16 в 06:39
1
ответ
Проблема изменения воли в Chrome
Я заметил, что когда я добавляю will-change на фиксированной кнопке (с использованием JS) она становится действительно прерывистой. Это относится как к кнопке "изменится", так и к кнопке без нее. Пример, показывающий проблему: http://jsbin.com/kelaj…
30 май '16 в 12:27
0
ответов
JS анимация с "will-change" против "transformZ(0)"
Я пробовал анимацию JavaScript и заметил различия в производительности, когда я использовал will-change собственность и transform3D() разделить анимированный элемент на новый слой для рендеринга GPU. Бывает когда пытаюсь оживить scaling элемента, ко…
19 фев '18 в 08:45
0
ответов
Позиционирование Sticky и Will Change Transform приводит к добавлению ширины полосы прокрутки к содержимому только в Chrome
Я вижу странную проблему и потратил немало времени, пытаясь ее отследить, как через SO/ блоги, так и обнаруживая активную проблему в трекере ошибок Chrome. Ссылка: https://jsfiddle.net/Lftwqh8p/1/ Проблема: это происходит только в Chrome. В JS у мен…
10 авг '17 в 15:33
7
ответов
CSS `will-change` - как это использовать, как это работает
Я нашел CSS will-change W3.org docs, свойство MDN docs (которое уже работает в Chrome и частично поддерживается Firefox и Opera), но я не совсем уверен, как это работает. Кто-нибудь знает что-то еще об этой загадочной вещи? Я только что прочитал, чт…
13 ноя '14 в 10:56
1
ответ
Динамически добавлять значение будет меняться при нажатии / наведении курсора jQuery
В этой статье автор заявляет, что не нужно постоянно хранить стиль. will-change: transform;и должен быть добавлен динамически с использованием JavaScript Также автор сценария примера: var el = document.getElementById('element'); // Set will-change w…
21 ноя '16 в 20:53
1
ответ
CSS анимация перегружает процессор
У меня есть анимация и JS для чередования 2-х делителей и изменения их фоновых изображений (из массива из нескольких десятков изображений), что-то вроде взаимозаменяемых делений. Все работает просто отлично, однако при запуске анимации я вижу, что м…
21 фев '16 в 08:15
0
ответов
Оптимизация производительности на мобильном телефоне
Я работаю над этим (все еще продолжающимся) проектом, и я отмечаю некоторую плохую производительность на младшем устройстве, конечно, в настоящее время происходит много анимаций одновременно (в основном, созданных с помощью платформы для приложений …
28 фев '18 в 14:24
1
ответ
Keep overflow: скрытое поведение после изменения воли: трансформация
У меня есть родительские и дочерние элементы: .parent { will-change: transform; overflow: hidden; position: absolute; } .child { position: fixed; top: 80px; left: 80px; } без will-change:transform стиль, .child элемент независимо от положения родите…
08 дек '18 в 05:58
0
ответов
Видео тег с элементами управления не может быть кликабельным, если у родителя есть стили 'will-change: transform' в Chrome v70
Когда я щелкаю значок меню html5 video control (значок в виде трех вертикальных точек), он обычно показывает ссылку "Скачать и PinP", видео изображение 2 Но когда я ставлю style="will-change: transform;" атрибуты на родительском теге видео, затем зн…
22 ноя '18 в 14:04
0
ответов
Воля-изменение: непрозрачность, трансформация; вызывает сглаживание текста в CSS
Так что я возился с MaterializeCSS и понимал, что при помещении кнопки с классом "waves-effect" заставил весь текст сгладиться и стал немного размытым, скажем так. Итак, в процессе устранения я обнаружил, что will-change: opacity, transform; потому …
06 сен '15 в 06:52
1
ответ
Есть ли преимущество в использовании "will-change" в элементе видео HTML5?
Есть ли какая-либо выгода от использования свойства will-change в HTML-теге видео для повышения производительности? если да, то как мне использовать его, чтобы видео запускалось на графическом процессоре с использованием аппаратного ускорения?
28 май '16 в 14:53