Hey there, I'm working on creating a floating widget similar to Facebook Messenger for my Google site. However, I've encountered an issue where it only stays fixed at the very bottom of its section.
Below is the code I'm currently using:
<html>
<style>
.UtePc #pingpilot{
display: none;
position: absolute;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #660000;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 4px;
}
</style>
<body>
<script id="pingpilot" type="text/javascript" src="https://widget.pingpilot.com/widget-button.js" data-signal="483c60" async></script>
</body>
<html>
https://i.sstatic.net/OunjO.png
Currently, the widget only sticks to the bottom when scrolling down. My goal is to make it float wherever I scroll, even if I move up on the page.