Hỏi về JavaScript "Cuộn đến đâu load đến đó"

Hình 1

//vang: là khối màu vàng
const vang = document.querySelector('.vang');
const vitrivang = vang.offsetTop;
if((window.pageYOffset+850) >= vitrivang){
           vang.classList.add('hienlen');
}

.hienlen{
    animation: hienlen 1s forwards;
}
@keyframes hienlen{
    from{opacity: 0} to{opacity: 1}
}

Cho mình hỏi thăm là: mình canh khoảng cách từ thanh cuộn đến đối tượng màu vàng thì sẽ được thông số như hình 1 (460px). Nhưng thực tế khi code thì phải +850px lận. Lẽ ra theo logic thì hai số phải trùng nhau chứ, nghĩa là chỉ cần +460px.

Tại sao có sự sai số như vậy ạ? Thông não giúp em.