Есть два брейкпоинта: 1200px и 478px
При изменении размера экрана нужно выполнять определенное действие, сейчас работает так:
$(window).on('resize', function() {
if ($(window).width() > 1200) {
//Больше 1200px
} else if ($(window).width() < 1200 && $(window).width() > 478) {
//Меньше 1200px и больше 478px
} else {
//Меньше 478px
}
});
Но оно выполняется при каждом изменении размера экрана, даже если не переходит ни одну границу брейкпоинтов.
Нужен вариант, при котором код будет выполняться только при изменении с 1201 на 1199, например, но не с 1201 до 1300.
Предполагаю, что нужно как-то сравнивать текущую и предыдущую ширину экрана, но не понимаю как именно это организовать
