kubesimplify / website

This is the official website of Kubesimplify
https://kubesimplify.com
MIT License
53 stars 81 forks source link

[FEATURE] Back to top button #226

Closed roopeshsn closed 1 year ago

roopeshsn commented 1 year ago

Description

It would be great if the webpage has a "Back to top" button. And, I would like to work on this!

Screenshots

No response

Additional information

No response

aamirpatel commented 1 year ago

This code will create a button that appears when the user scrolls down the page, and when clicked, it will take the user back to the top of the page. You can customize the button's appearance and behavior by adjusting the CSS and JavaScript code.

HTML : Back to top

...

CSS:

.back-to-top { display: none; position: fixed; bottom: 20px; right: 20px; font-size: 16px; background-color: #333; color: #fff; padding: 10px 20px; border-radius: 4px; cursor: pointer; }

.back-to-top.show { display: block; }

javascript:

window.addEventListener('scroll', function() { if (window.scrollY > 200) { document.querySelector('.back-to-top').classList.add('show'); } else { document.querySelector('.back-to-top').classList.remove('show'); } });

aamirpatel commented 1 year ago

hey! check out this code for back to top button.

roopeshsn commented 1 year ago

Maintainers are not at all responsive :(

KhushPatibandha commented 1 year ago

Hey, I feel like I can help you with this, So can someone assign me this issue? Or should I just start working on this?

KhushPatibandha commented 1 year ago

@aamirpatel can you help me with what css and js files i have to make changes in?