PIXI js и css transform

Всем привет!
На данный момент учу PIXI, есть вопрос. Допустим, у нас есть canvas элемент, управляемый pixi. В нем находится текст. Сам canvas находится в блоке, который при скролле приобретает определенный translate. Так вот во время этого скролла текст в канвасе прыгает.
Можно как-нибудь решить эту проблему?

Добавление текста

let app = new PIXI.Application({
    width: 500,
    height: 500,
    antialias: true,
    transparent: true,
    view: canvas // canvas элемент
});
let stage = app.stage;
app.renderer.autoResize = true;
let style = new PIXI.TextStyle({
    fontFamily: 'AvertaCY',
    fontSize: parseInt(getComputedStyle(el).getPropertyValue("font-size")),
    lineHeight: parseInt(getComputedStyle(el).getPropertyValue("line-height")),
    fontStyle: 'normal',
    fontWeight: '600',
    fill: obj.color,
    strokeThickness: 0,
    wordWrap: true,
    wordWrapWidth: width // определенная ширина
});
let text = new PIXI.Text(el.innerText, style);
text.x = 5;
text.y = 5;
stage.addChild(text);

Движение блока

div.style.transform = `translate(${x}px, ${y}px)`;