Слушатель для направления изменения размера

Question

У меня есть правильный треугольник.

▶

При изменении размера треугольник должен двигаться в направлении изменения размера, а когда он меняет направление, треугольник должен переворачиваться горизонтально, не выходя за пределы экрана.

Есть ли способ прослушать направление (ВЛЕВО / ВПРАВО), в котором изменяется размер браузера?

Answer 1

Возможно, вы захотите взглянуть на этот вопрос. Вы можете получить позицию окна браузера и вычесть последнюю позицию (сохраненную из предыдущего вызова изменения размера). Если результат не равен нулю в x, вы можете предположить, что использовался левый край, то же самое касается y и верхнего края.

Вот быстрый пример этого:

    var last_pos_x = window.screenX;
    var last_pos_y = window.screenY;

    window.addEventListener('resize', function() {

        var diff_x =  window.screenX - last_pos_x;
        var diff_y =  window.screenY - last_pos_y;

        last_pos_x = window.screenX;
        last_pos_y = window.screenY;

        console.log(diff_x, diff_y)
    });

Надеюсь это поможет.