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

Question

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

▶

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

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

Answer 1

Возможно, вы захотите взглянуть на this question. Вы можете получить положение окна браузера и вычесть последнюю позицию (сохраненную от предыдущего вызова изменения размера). Если результат отличен от нуля в 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) 
    }); 

Надеется, что это помогает.