WebSite X5Help Center

 
Bernard P.
Bernard P.
User

How can i create a floating button,  en

Autor: Bernard P.
Visited 1318, Followers 1, Udostępniony 0  

How caqn I create a floating Button

that remains in the same position when scrolling up or down the page.

Want to create a "Back button" that is always visible

The current Back Button stays at the top of the screen with the menu bar.

I have created a button but is remains fixed to the page position and is not visible when scroll down the page

Posted on the
5 ODPOWIEDZI - 1 PRAWIDłOWA ODPOWIEDź
Bernard P.
Bernard P.
User
Autor

Hi Daniel

This works out great

Thanks

Czytaj więcej
Posted on the from Bernard P.
Bernard P.
Bernard P.
User
Autor

Hi Daniel

I have edited the box to show is a back button, all works OK except I dont know how to show mouse over when go to click the button...

<style>
#fixiert {
position: fixed;
top: 10px;
right: 10px;
background-color: #0900ff;
width: 64px;
padding: 3px;
border: 2px solid black;
border-radius: 10px;
}
#text {
font-weight: bold; background: blue; color: white;
}
</style>
<div id="fixiert"><a onclick="history.back()"><span id="text">Go Back</span>;</span></a></div>

Czytaj więcej
Posted on the from Bernard P.
Bernard P.
Bernard P.
User
Autor

Fixed it by adding Cursor: pointer;

<style>
#fixiert {
position: fixed;
top: 10px;
right: 10px;
background-color: #0900ff;
cursor: pointer;
width: 64px;
padding: 3px;
border: 2px solid black;
border-radius: 6px;
}
#text {
font-weight: bold; background: blue; color: white;
}
</style>
<div id="fixiert"><a onclick="history.back()"><span id="text">Go Back</span>;</span></a></div>

Czytaj więcej
Posted on the from Bernard P.