WebSite X5Help Center

 
Bernard P.
Bernard P.
User

How can i create a floating button,  en

Autore: Bernard P.
Visite 1319, Followers 1, Condiviso 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

Postato il
5 RISPOSTE - 1 CORRETTO
Bernard P.
Bernard P.
User
Autore

Hi Daniel

This works out great

Thanks

Leggi di più
Postato il da Bernard P.
Bernard P.
Bernard P.
User
Autore

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>

Leggi di più
Postato il da Bernard P.
Bernard P.
Bernard P.
User
Autore

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>

Leggi di più
Postato il da Bernard P.