Scrollto | Nuxt | Page 1

ashen otter Apr 22, 2023, 12:58 AM

#

I've implemented pagination for fetched data and on every paage click I would need to scroll to top, do you have suggestion?

wanton condor Apr 22, 2023, 1:09 AM

#

ashen otter I've implemented pagination for fetched data and on every paage click I would ne...

How about just window.scrollTo(0, 0);?

ashen otter Apr 22, 2023, 1:10 AM

#

yep, first thing I did and it does not react to it.:/

wanton condor Apr 22, 2023, 1:10 AM

#

I'm using that in quite a few different places

ashen otter Apr 22, 2023, 1:11 AM

#

could you send me use case pls?

wanton condor Apr 22, 2023, 1:12 AM

#

ashen otter Apr 22, 2023, 1:18 AM

#

I just placed it same way to my watcher

#

and even it goes through, finally no window movement.

wanton condor Apr 22, 2023, 1:30 AM

#

well could be tons of factors depending on your your html and css is setup I guess

#

so hard to tell for me

#

maybe this https://github.com/vuejs/router/issues/1189 can give you some guidance

#

could also try playing with setTimeout/nextTick

ashen otter Apr 22, 2023, 1:36 AM

#

thanks for advice. I just found out, the window.scrollTo works for scroll of full page, I am scrolling in nested divider and there its not working:/

wanton condor Apr 22, 2023, 1:37 AM

#

yep wont work for nested things

#

can try grabbing the ref of the container then and scrolling to that I guess

ashen otter Apr 22, 2023, 1:41 AM

#

I will check, many thanks!

#

this works

wanton condor Apr 22, 2023, 1:50 AM

#

I'd rather use template refs instead of accessing the document itself but if it works 👍

#

also maybe do the process.client check in the scroll function instead of in the watch to avoid repeating the check

ashen otter Apr 22, 2023, 1:54 AM

#

you are absolutely right, thx🚀

#Scrollto