How do I change url without refreshing the page

Answered

Standard Chinchilla posted this in #help-forum

Standard ChinchillaOP

2024-04-15T17:48:45.240Z

For example I have a page with multiple articles. When I scroll down to the next article I want the url to change the slug to the new article without the page refreshing

Answered by joulev

try this https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#using-the-native-history-api

View full answer

5 Replies

@Standard Chinchilla For example I have a page with multiple articles. When I scroll down to the next article I want the url to change the slug to the new article without the page refreshing

joulev

2024-04-15T17:51:28.870Z

try this https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#using-the-native-history-api

Answer

Standard ChinchillaOP

2024-04-15T17:56:28.711Z

Thanks brotha

Do you know how to trigger an event when a new article is on screen

@joulev in the event I would chagne the history

@Standard Chinchilla Do you know how to trigger an event when a new article is on screen

joulev

2024-04-15T18:00:32.033Z

IntersectionObserver perhaps