[BUG] Multiple "Top of Page" buttons are visible while scrolling (Safari specific)

[aditygrg2]

Describe the bug.

While scrolling the asyncapi website page slowly, multiple top of page button is visible on the side of the page

Expected behavior

The scroll behavious should be consistent, "Top of Page" button should not appear duplicated

Screenshots

multiple_top.mp4

How to Reproduce

Prerequisite: Needs to be tested on Safari Browser

1. Open AsyncAPI website - https://www.asyncapi.com/
2. Scroll down slowly and observe "Top of Page" button

🥦 Browser

Safari

👀 Have you checked for similar open issues?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

[GeorgeLifinRell]

I tried to recreate the bug but top of the page is working fine with only one icon appearing bottom right.

Uploading Screen Recording 2024-09-08 at 2.27.31 PM.mov…

[hkv24]

GeorgeLifinRell

I also tried to recreate the bug but everything was working fine for me.

[aditygrg2]

@hkv24 @GeorgeLifinRell have we checked on Safari only?

[GeorgeLifinRell]

I checked on safari, chrome and firefox

[hkv24]

@hkv24 @GeorgeLifinRell have we checked on Safari only?

Ya