We need to add a "Scroll to Top" button that appears when the user scrolls down the page. The button should be styled to match the website's theme and offer a smooth scrolling experience.
Features to Include:
Button Visibility:
The button should be hidden when the page is at the top and only appear after the user has scrolled down by a certain amount.
Design:
Use CryptoX's theme colors (Black, White, Blue) to design the button.
The button should have a circular shape with an up arrow icon in the center.
Include a hover effect, such as changing the button color or enlarging the icon slightly.
Behavior:
The button should smoothly scroll the user back to the top when clicked.
Position the button at the bottom-right of the screen.
Responsiveness:
The button should be responsive and not interfere with content on mobile screens.
Ensure a consistent appearance across different screen sizes.
We need to add a "Scroll to Top" button that appears when the user scrolls down the page. The button should be styled to match the website's theme and offer a smooth scrolling experience.
Features to Include: Button Visibility:
The button should be hidden when the page is at the top and only appear after the user has scrolled down by a certain amount. Design:
Use CryptoX's theme colors (Black, White, Blue) to design the button. The button should have a circular shape with an up arrow icon in the center. Include a hover effect, such as changing the button color or enlarging the icon slightly. Behavior:
The button should smoothly scroll the user back to the top when clicked. Position the button at the bottom-right of the screen. Responsiveness:
The button should be responsive and not interfere with content on mobile screens. Ensure a consistent appearance across different screen sizes.