metafizzy / metafizzy/infinite-scroll

How to push different history URL while keeping infinite-scroll auto incremenet/decrement?

Open
#951 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
HTML
Stars
7.5k
Forks
1.7k
PR merge metrics
No merged PRs in 30d

Description

I have a page `albums`, which calls an internal url `api-albums` using VueJS (axios). This is also the URL that `infinite-scroll` is instructed to use.

`api-albums` returns a JSON response, which I then parse.

My problem is that `infinite-scroll` is currently replacing my URL with:

```
https://mywebsite.com/api-albums?page=2
```

Instead of the desired:

```
https://mywebsite.com/albums?page=1
```

It is also not adjusting the state back when I scroll back up.

How can I instruct `infinite-scroll` to pull data from `api-albums` but push history with `albums`?

Contributor guide

Open the contributing guide

Research direction

Start by checking infinite-scroll's documented history and URL options, using the `api-albums` and `albums` paths described in the issue. Determine whether separate data and history URLs, including upward state restoration, are supported; done means documenting the configuration or clarifying the limitation.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Documentation
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.