Extension list

yootheme

ecommerce

joomla

Skip to main content

List of all our extensions

Create an account

Show button always in the screen when scrolling

Show button always in the screen when scrolling was created by marcelke

Posted 2 weeks 4 days ago #1165
Hello,
I have added the button element in the footer at the right bottom position. So now you have to scroll fist to the bottom of the pagen to see the floating button and when I scroll up it moves while scrolling to the top. However I woul like the button to be in the viewport of my screen and when I scroll it stayes there. Is this possible?

Kind regards,
Marcel

Please Log in or Create an account to join the conversation.

Replied by JProStudio on topic Show button always in the screen when scrolling

Posted 2 weeks 1 day ago #1166
Yes, it is possible. The button uses
Code:
position: fixed
, which means the element stays in the browser viewport while the page scrolls.The classes
Code:
uk-position-fixed uk-position-bottom-right
should already keep it fixed at the bottom-right of the screen.If it only appears after scrolling to the footer, then one of these issues is likely happening:The UIkit
Code:
uk-position-fixed
CSS is not being applied correctly.A parent or footer wrapper may have CSS such as
Code:
transform
,
Code:
overflow: hidden
, or something similar that can interfere with fixed positioning.The element may be visually affected by the footer or container layout, even though it should be fixed.If you still find any issues, please feel free to contact our support team with the site details. 

For urgent help please create a support ticket extensions.joomlapro.com/support/tickets
Last Edit:2 weeks 1 day ago by JProStudio
Last edit: 2 weeks 1 day ago by JProStudio.

Please Log in or Create an account to join the conversation.

Time to create page: 0.322 seconds
Powered by Kunena Forum