помогите решить проблему с scrollBehavior vue js

у меня на странице с ограничением 20 новости, есть кнопка "загрузить еще" и когда нажимаешь на него показывает еще 20 новостей, но когда заходишь на самый последний новости и выходишь то позицию не сохраняет, почему ?

вот часть кода

  data() {
            return {
                orders: [], 
                okToLoadMore: false, // кнопка "загрузить еще"
                query: {
                    type: 0,
                    page: 0,
                    limit: 20,
                },
            }
        },
            methods: {
                try {
                    const response = await this.$store.dispatch("getNewsList", this.query);
                    const arr = this.sortArr(response.orders)
                    this.$router.replace({
                    path: '/user/orders',
                    query: {type: this.query.type}
                })
                    if (response.orders.length === this.query.limit) {
                        this.okToLoadMore = true
                        this.query.page = this.query.page + 1
                    } else {
                        this.okToLoadMore = false
                    }
                } catch (error) {
                    this.$toasted.error("Ошибка загрузки данных с сервера.");
                } 
            },
        },
          created() {
            if (this.$route.query.type) {
                this.query.type = Number(this.$route.query.type)
            }
            this.loadPage()
        },

сам scrollBehavior в отдельном js файле

let router = new Router({
mode: 'history',
routes: [...],
scrollBehavior(to, from, savedPosition) {
    // console.log(savedPosition)
    let position = {x: 0, y: 0}
    if (savedPosition) {
        position = savedPosition
    }
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve(position)
        }, 1000)
    })
}
})