Добавление will-change: преобразование в css приводит к исчезновению изображений - PullRequest
0 голосов
/ 09 октября 2018

У меня были некоторые странные проблемы с will-change: transform, пока я добавляю это свойство в теги img и div.По сути, у меня есть div как контейнер, который содержит элемент img в качестве дочернего элемента, и я прокручиваю эти изображения в webkit.Добавление will-change-tranform значительно улучшает производительность прокрутки, но при прокрутке вы периодически видите, как изображения исчезают (или скрываются).Любые ответы для решения этой проблемы были бы хорошими, так как я исчерпал большинство решений, которые я попробовал на онлайн-ресурсах.

Я прилагаю фрагмент кода для CSS:

". Cell"и ".pagNum" являются атрибутами имени класса для div.«.pageNum» - это номер страницы div в верхней части img div (.cell).Div ".cell" содержит элемент img.

img {
    position: relative;
    -webkit-user-drag: none;
    will-change: transform;        
}

.cell {
    position: absolute;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    will-change: transform;        
}

.pageNum {
    display: inline-block;
    position: absolute;
    top: 273px;
    background-position: center;
    text-align: center;
    line-height: 36px;
    min-width: 36px;        
    padding-left: 6px;
    padding-right: 6px;
    -webkit-border-radius: 3px;
    background-color: rgba(0, 0, 0, .50);
    color: white;
    font-size: medium;
    font-weight: bold;
    text-shadow: 0px 1px 0px #000000;
    left: 50%;
    margin: 0px 0 0 -32px;  
    will-change: transform;    

}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...