Skip to content

Add a button that scrolls the page back to top #542

Closed

Description

@dev-palwar

Expected Behavior

The button should have the functionality to smoothly scroll the page back to the top upon being clicked.

Current Behavior

Right now, we have to manually scroll up the page, which can be a hassle, especially when reading blogs.

Activity

  1. changed the title [-]Add a button that scrolls back to top[/-] [+]Add a button that scrolls the page back to top[/+] on Oct 14, 2023
  2. NiallJoeMaher commented on Oct 14, 2023

    @NiallJoeMaher
    Contributor

    Any ideas on where something like this should be added or examples of blogs with it?

  3. dev-palwar commented on Oct 14, 2023

    @dev-palwar
    Author

    Yeah, something like this
    Screenshot 2023-10-14 at 14-52-22 Create a workflow to display your latest articles on your GitHub profile

    A button on the right side of the page similar to the one homepage that when clicked smoothly scrolls the page to the top

  4. MadhavKrishanGoswami commented on Oct 14, 2023

    @MadhavKrishanGoswami
    Contributor

    I think I can work on this, just one thing where would I get the icon from?

  5. NiallJoeMaher commented on Oct 15, 2023

    @NiallJoeMaher
    Contributor

    @MadhavKrishanGoswami I'm trying to mock up something for the mobile design and then you can take it. 🦾

  6. akashsiddamshetty commented on Oct 18, 2023

    @akashsiddamshetty

    @dev-palwar @NiallJoeMaher check this below screen shot i have created this button to scroll to top smoothly. I want to make pr. can you guys add hacktoberfest labels to this issue #542

    Screenshot 2023-10-18 at 1 59 09 PM Screenshot 2023-10-18 at 2 07 37 PM
  7. Bitnagar commented on Oct 18, 2023

    @Bitnagar
    Contributor

    @akashsiddamshetty Great job! The icon looks good. IMO we should not use gray color because it looks dull and not visually appealing. We can try sticking to the design in 2nd screenshot or else we can use gradient color that is in our theme.

  8. akashsiddamshetty commented on Oct 18, 2023

    @akashsiddamshetty

    @akashsiddamshetty Great job! The icon looks good. IMO we should not use gray color because it looks dull and not visually appealing. We can try sticking to the design in 2nd screenshot or else we can use gradient color that is in our theme.

    @Bitnagar @NiallJoeMaher @dev-palwar check this out.
    Screenshot 2023-10-18 at 3 51 45 PM

  9. NiallJoeMaher commented on Oct 18, 2023

    @NiallJoeMaher
    Contributor

    The problem is when we are on mobile. I just haven't seen a pattern on mobile I like. 😅 Any examples of sites doing it well?

  10. locked and limited conversation to collaborators on Oct 21, 2023
  11. converted this issue into a discussion #581 on Oct 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions