Nhờ kiểm tra giúp mình xem độ trễ do đâu mà ra

Mình đang demo hiệu ứng cuộn trang ( tức là mỗi lần lăn chuột - chuyển sang một section khác). Demo chi tiết ở đây: https://codepen.io/Hoangvan/pen/xzWjRj?editors=1010

Hướng của mình là bắt sự kiện on'wheel sau đó addClass active cho đối tượng để thực hiện hiệu ứng. Nếu cuộn chuột bình thường thì không có vấn đề gì , tuy nhiên khi ở Section Header mà cuộn chuột lên phía trên hoặc khi ở section Footer mà cuộn chuột xuống phía dưới , sau đó thực hiện lại thì hiệu ứng nó không ăn ngay mà nó bị trễ một khoảng thời gian.Mọi người thực hiện trên demo của mình sẽ thấy điều đó.

Mình không biết lý do là do đâu, mình có F12 để kiểm tra thì thấy Class Active vẫn được thực hiện chuyển ngay, nhưng hiệu ứng thì phải mất mấy giây sau mới chạy.

Mọi người giúp mình xem lý do nó ở đâu ?

Cám ơn các bạn !