graphql / graphql/graphql.github.io

Add smooth scrolling when clicking on section links

Offen
#1,314 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
💄 Enhancement 🚀 PR open
Vorherrschende Sprache
TypeScript
Sterne
889
Forks
1.5k
Ø Merge
4 T. 12 Std.
Gemergte PRs (30 T.)
21

Beschreibung

### Description

This is a very minor improvement that could be made to the website, I noticed that when you click on a particular section, it automatically just takes you to that section. Works as intended, but You can easily get lost where you are, since it magically teleports you there. Adding smooth scrolling would help with this issue, and let the reader know where the page is taking them.

### Motivation
Mild UI improvements for the user.

### Collaboration
I can build this out. Or if someone wants to do it

### Additional Context
Example of the thing I'm talking about. It just snaps to that section, adding smooth scrolling would scroll the page to that section, so the reader doesn't get lost.
![Animation](https://user-images.githubusercontent.com/70502771/202878120-8b8072d6-2425-4682-a9e9-e5afd9546e10.gif)

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

In der Issue wird keine Datei und kein Test genannt. Beginne damit, die Verarbeitung von Abschnittslinks auf der Website zu finden und das aktuelle Sprungverhalten zu reproduzieren; als abgeschlossen gilt die Aufgabe, wenn ein Klick auf einen Abschnittslink sichtbar zum Ziel scrollt, statt direkt dorthin zu springen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
typescript
Bereich
frontend, web-dev
Issue-Typ
Feature
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.