Получение размера окна от wix iFrame - PullRequest
Новая
       20

Получение размера окна от wix iFrame

0 голосов
/ 15 мая 2019

Надеюсь, у вас все хорошо, ребята.

Я пытаюсь создать глаз, который следует за курсором. Все хорошо, и мяч движется. Я использую Wix для создания своего сайта. единственный способ добавить html - это добавить HTML iFrame.

Я отправил высоту и ширину окна в html-фрейм, и html получает его так: 

window.onmessage = (event) => {
     if (event.data) {
           var broswerWidth = event.data.broswerWidth;
           var broswerHeight = event.data.broswerHeight;
     }
};

Я должен использовать «onmousemove», чтобы переместить мяч: 

var ball = document.querySelector('.ball');

document.onmousemove = function() {

    var x = event.clientX * 100 / broswerWidth + "%";
    var y = event.clientY * 100 / broswerHeight  + "%";

    ball.style.left = x;
    ball.style.top = y;
    ball.style.transform = "translate(-"+ x +",-"+ y +")";
};

Есть ли способ объединить эти два вместе, все еще используя onmousemove? а может, вместо этого он обновляется каждую 1 секунду?

спасибо!

...