Cách làm scroll về cuối page sau khi rendering?

Chào các bác, Em đang làm web bằng react nhưng có vấn đề thế này. Hiện tại em đang muốn làm chức năng là khi click vào button thì state sẽ thay đổi và nếu state = true thì ở dưới page sẽ hiện nhiều ảnh và cùng lúc đó scroll về cuối page luôn. Nên ở trong code của em thì ở phần onClick thì đổi thành setIsOpen(true) để có thể show ảnh, rồi dùng window.scrollTo({ top: document.body.scrollHeight }), nhưng lúc này chỉ nhìn thấy ảnh thôi còn scroll thì không đi xuống dưới page. Ko biết em nên sửa phần nào ạ? Ở dưới là code ví dụ của em

Về cách dùng scrollIntoView

E đang dùng scrollIntoView thì có làm scroll lên trên được rồi, nhưng vấn đề là khi scroll lên thì thanh global navigation ở trên cùng lại che mất nội dung. Thanh global navigation cố định nên không ẩn hay di chuyển nó được :( Có cách nào dùng scrollIntoView để di chuyển nhưng chỉ làm nó scroll đến ngay dưới thanh global navigation thôi k ạ?