<script>configObj={"shadowSize":"rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px","roundnessSize":"20%","buttonDToBottom":"4rem","buttonDToRight":"2rem","selectedBackgroundColor":"#F84724","selectedIconColor":"#ffffff","buttonWidth":"3rem","buttonHeight":"3rem","svgContent":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" class=\"injected-svg\">\n <path d=\"M11.573 11.672a.615.615 0 0 1 .854 0l3.896 3.824a.578.578 0 0 1 0 .832.615.615 0 0 1-.853 0L12 12.92l-3.47 3.408a.615.615 0 0 1-.853 0 .578.578 0 0 1 0-.832zm0-4a.615.615 0 0 1 .854 0l3.896 3.824a.578.578 0 0 1 0 .832.615.615 0 0 1-.853 0L12 8.92l-3.47 3.408a.615.615 0 0 1-.853 0 .578.578 0 0 1 0-.832z\" fill=\"#ffffff\">\n </path>\n </svg>"};function createButton(o,t){const e=document.querySelector("body"),n=document.createElement("span");n.classList.add("softr-back-to-top-button"),n.id="softr-back-to-top-button",t?t.appendChild(n):e.appendChild(n),n.style.width=o.buttonWidth,n.style.height=o.buttonHeight,n.style.marginRight=o.buttonDToRight,n.style.marginBottom=o.buttonDToBottom,n.style.borderRadius=o.roundnessSize,n.style.boxShadow=o.shadowSize,n.style.color=o.selectedBackgroundColor,n.style.backgroundColor=o.selectedBackgroundColor,t?n.style.position="absolute":n.style.position="fixed",n.style.outline="none",n.style.bottom="0px",n.style.right="0px",n.style.cursor="pointer",n.style.textAlign="center",n.style.border="solid 2px currentColor",n.style.display="none",n.innerHTML=o.svgContent,t||(window.onscroll=function(){document.body.scrollTop>20||document.documentElement.scrollTop>20?n.style.display="block":n.style.display="none"},n.onclick=function(){document.body.scrollTop=0,document.documentElement.scrollTop=0})}document.addEventListener("DOMContentLoaded",function(){createButton(configObj,null)});</script>
Comments