Don't scroll to top of the website when changing page in software overview

[cmeessen]

Fixes #1112

Changes proposed in this pull request:

• Scrolls to #list-top when changing page on software overview, so that users don't have to scroll past the Software Highlights on every page change

How to test:

• docker compose build --parallel && docker compose up --scale data-generation=1
• make sure that there are software highlights visible, if not add some via the admin interface
• open the software overview page
• navigate through the pages and verify that on page change, the browser scrolls to the "All software" headline

PR Checklist:

• [ ] Increase version numbers in docker-compose.yml
• [x] Link to a GitHub issue
• [ ] Update documentation
• [ ] Tests

[sonarcloud[bot]]

Quality Gate passed for 'rsd-frontend'

Issues
0 New issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[jmaassen]

When I switch to a different page, it first scrolls all the way to the top, and then scrolls down again to the level of "All software". This extra movement makes the page switching very "jumpy". Is there a way to jump to "All software" at once?

[cmeessen]

Firefox immediately jumps to "All software", but I can confirm that in Chromium the browser first jumps to the top and then scrolls down.

[cmeessen]

If you set scroll: false in useSoftwareOverviewParams.ts, Chromium scrolls from the bottom of the page to "All software" on page change. Firefox still behaves the same.

// Line 37:
    if (key === 'page') {
      // when changin page we scroll to top
      router.push(url+'#list-top', url+'#list-top', {scroll: false})
    }

[cmeessen]

Closing in favour of #1114