WebSite X5Help Center

 
Bernard P.
Bernard P.
User

How can i create a floating button,  en

Auteur : Bernard P.
Visité 1314, Followers 1, Partagé 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

Posté le
5 RéPONSES - 1 CORRECT
Bernard P.
Bernard P.
User
Auteur

Hi Daniel

This works out great

Thanks

Lire plus
Posté le de Bernard P.
Bernard P.
Bernard P.
User
Auteur

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>

Lire plus
Posté le de Bernard P.
Bernard P.
Bernard P.
User
Auteur

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>

Lire plus
Posté le de Bernard P.